Hover state for table row selection (#117)

Adjusts stylistic looks for table row selection.
elastic · Nov 7, 2017 · df6905d · df6905d
1 parent 34cef95
commit df6905d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/table/_table.scss b/src/components/table/_table.scss
@@ -66,13 +66,16 @@
 }
 
 .euiTableRow {
-  transition: background-color $euiAnimSpeedFast $euiAnimSlightResistance;
   &:hover {
     background-color: tintOrShade($euiColorLightestShade, 50%, 20%);
   }
 
   &.euiTableRow-isSelected {
-    background-color: transparentize($euiColorPrimary, .95);
+    background-color: tintOrShade($euiFocusBackgroundColor, 30%, 0%);
+
+    &:hover {
+      background-color: tintOrShade($euiFocusBackgroundColor, 0, 10%);
+    }
   }
 }
 

diff --git a/src/global_styling/theme_dark_variables.scss b/src/global_styling/theme_dark_variables.scss
@@ -11,5 +11,7 @@ $euiColorPrimary: #4da1c0;
 $euiColorDanger: #bf4d4d;
 $euiTextColor: #DDD;
 
+$euiFocusBackgroundColor: #191919;
+
 // Configuration
 @import 'variables/index';