fix(overflow-menu): added different styles for focus and hover (carbo…

…n-design-system#788) * fix(overflow-menu): added different styles for focus and hover * fix(overflow-menu): fixed danger hover/focus
asudoh · May 23, 2018 · bbe8d4d · bbe8d4d
1 parent e49b36f
commit bbe8d4d
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/overflow-menu/_overflow-menu.scss b/src/components/overflow-menu/_overflow-menu.scss
@@ -104,11 +104,13 @@
     &:focus {
       outline: 1px solid transparent;
       background-color: $hover-row;
+      text-decoration: underline;
     }
 
     .#{$prefix}--overflow-menu-options__option--danger & {
       &:focus {
-        background-color: $support-01;
+        outline: 1px solid transparent;
+        text-decoration: underline;
       }
     }
   }
@@ -119,6 +121,8 @@
 
   .#{$prefix}--overflow-menu-options__option:hover .#{$prefix}--overflow-menu-options__btn {
     background-color: $hover-row;
+    color: $inverse-01;
+    text-decoration: none;
   }
 
   .#{$prefix}--overflow-menu-options__option--danger {