Fix keyboard navigation accessibility

[galette.git] / ui / semantic / galette / collections / menu.overrides

diff --git a/ui/semantic/galette/collections/menu.overrides b/ui/semantic/galette/collections/menu.overrides
index 00c91669b04555a2245daeb86bebd3096e14a991..e368d4e722956b34c5ada4d9756bc109bbaba92f 100644 (file)
--- a/ui/semantic/galette/collections/menu.overrides
+++ b/ui/semantic/galette/collections/menu.overrides
@@ -76,3 +76,54 @@
     width: 100%;
   }
 }
+
+/*----------------------------------
+     Compact mode logout menu
+-----------------------------------*/
+.compact_menu #logoutmenu {
+  & > a.item {
+    &.darkmode {
+      background-color: @darkmodeItemBackground;
+      &:hover,
+      &:focus {
+        background-color: @darkmodeHover;
+      }
+      &:active {
+        background-color: @darkmodeActive;
+      }
+      &.black {
+        background-color: @darkmodeItemBackgroundInverted;
+        color: @invertedTextColor;
+        &:hover,
+        &:focus {
+          background-color: @blackHover;
+        }
+        &:active {
+          background-color: @blackDown;
+        }
+      }
+    }
+    &.purple {
+      background-color: @logoutItemBackgroundImpersonated;
+      color: @invertedTextColor;
+      &:hover,
+      &:focus {
+        background-color: @purpleHover;
+      }
+      &:active {
+        background-color: @purpleDown;
+      }
+    }
+    &.red {
+      background-color: @logoutItemBackground;
+      color: @invertedTextColor;
+      &:hover,
+      &:focus {
+        background-color: @redHover;
+      }
+      &:active {
+        background-color: @redDown;
+      }
+    }
+  }
+}