Improve styles for team avatar menu

laCour · Sep 15, 2017 · a406dbc · a406dbc
1 parent 9c2e048
commit a406dbc
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/scss/modules/pages/_apps.scss b/scss/modules/pages/_apps.scss
@@ -9,21 +9,27 @@
   border: 1px solid $color-base;
 }
 
-.menu.avatar_menu ul li {
-  &:hover ts-icon {
-    background: $color-shade-light;
-    color: $base-font-color;
-  }
-
-  a {
-    color: $base-font-color;
+.menu.avatar_menu {
+  ul li {
+    &:hover ts-icon {
+      background: $color-shade-light;
+      color: $base-font-color;
+    }
 
-    img,
-    ts-icon {
-      background-color: $color-shade-light;
+    a {
       color: $base-font-color;
+
+      img,
+      ts-icon {
+        background-color: $color-shade-light;
+        color: $color-highlight;
+      }
     }
   }
+
+  &:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon {
+    color: $base-font-color;
+  }
 }
 
 #page {