[libadwaita/wip/exalm/lists-style: 3/10] stylesheet: Refine .navigation-sidebar row styles

[Alexander Mikhaylenko <alexm src gnome org>]

commit c078cc1cc37449f2d705eebfa650b7bff9d067cf
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Mon May 17 16:30:11 2021 +0500

    stylesheet: Refine .navigation-sidebar row styles
    
    Use the proper hover and active styles, support .activatable and
    .has-open-popup like regular lists.

 src/stylesheet/widgets/_sidebars.scss | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)
---
diff --git a/src/stylesheet/widgets/_sidebars.scss b/src/stylesheet/widgets/_sidebars.scss
index f24f31dc..771703a2 100644
--- a/src/stylesheet/widgets/_sidebars.scss
+++ b/src/stylesheet/widgets/_sidebars.scss
@@ -70,24 +70,35 @@ separator.sidebar {
   > row {
     min-height: 36px;
     padding: 0 8px;
-    border-radius: $menu-margin;
-    margin: 0 $menu-margin 2px;
+    border-radius: $menu_radius;
+    margin: 0 $menu_margin 2px;
     @include focus-ring($focus-state: 'focus-visible:focus-within');
 
-    &:hover {
-      background-color: darken($menu_selected_color, 5%);
-    }
-
     &:selected {
       background-color: $menu_selected_color;
       color: inherit;
+    }
 
+    &.activatable {
+      &.has-open-popup,
       &:hover {
-        background-color: darken($menu_selected_color,5%);
+        background-color: $menu_hover_color;
+      }
+
+      &:selected {
+        &.has-open-popup,
+        &:hover {
+          background-color: $menu_selected_hover_color;
+        }
+      }
+
+      &:active,
+      &:selected:active {
+        background-color: $menu_active_color;
       }
     }
 
-    &:disabled { color: $insensitive_fg_color; }
+    &:disabled { color: gtkalpha(currentColor, .55); }
   }
 }