[gnome-shell/wip/snwh/style-updates] theme: popover menu adjustments



commit 28ba793a7550a0f6c7c89d05b59b665a86e894d8
Author: Sam Hewitt <sam snwh org>
Date:   Thu Dec 30 11:33:05 2021 -0330

    theme: popover menu adjustments

 data/theme/gnome-shell-sass/widgets/_popovers.scss | 26 +++++++++++++---------
 data/theme/gnome-shell-sass/widgets/_slider.scss   |  8 +++----
 2 files changed, 20 insertions(+), 14 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_popovers.scss 
b/data/theme/gnome-shell-sass/widgets/_popovers.scss
index 3323b63c31..75b04ef1de 100644
--- a/data/theme/gnome-shell-sass/widgets/_popovers.scss
+++ b/data/theme/gnome-shell-sass/widgets/_popovers.scss
@@ -1,7 +1,5 @@
 /* Popovers/Menus */
 
-$popover_arrow_height: 12px;
-
 // the popover itself (has no style)
 .popup-menu-boxpointer {
   -arrow-border-radius: 0;
@@ -55,7 +53,9 @@ $popover_arrow_height: 12px;
     font-weight: bold;
 
     margin-bottom: 0;
-    box-shadow: 0 10px 0 0 $active_bg_color;
+    box-shadow: inset 0 -1px 0 0 $borders_color;
+    border-radius: $base_border_radius $base_border_radius 0 0;
+    
     
     &:hover {
       background-color: darken($active_bg_color, 4%);
@@ -88,7 +88,11 @@ $popover_arrow_height: 12px;
 
 // symbolic icons in popover
 .popup-menu-arrow,
-.popup-menu-icon { icon-size: $base_icon_size; }
+.popup-menu-icon { 
+  margin: 0;
+  padding:0;
+  icon-size: 16px !important;
+}
 
 .popup-menu-arrow {
   margin-right: $base_margin;
@@ -97,15 +101,17 @@ $popover_arrow_height: 12px;
 // popover submenus
 .popup-sub-menu {
   background-color: $active_bg_color;
-  box-shadow: 0 -10px 0 0 $active_bg_color;
   border:none;
-  border-radius: $base_border_radius;
+  border-radius: 0 0 $base_border_radius $base_border_radius;
   padding: 3px 4px;
   margin-top: 0;
+
+  &:active {
+    background-color: transparent;
+  }
   
   .popup-menu-ornament {
     min-width: 6px !important;
-    padding-left: 4px !important;
   }
 
   .popup-menu-item {
@@ -156,7 +162,7 @@ $popover_arrow_height: 12px;
 .aggregate-menu {
   min-width: 21em;
 
-  // this is unneeded in this menu, hide it
+  // this is unneeded in at the top-level this menu, hide it
   .popup-menu-ornament {width:0;padding:0;spacing:0;margin:0;}
 
   .popup-menu-item {
@@ -174,11 +180,11 @@ $popover_arrow_height: 12px;
   .popup-sub-menu .popup-menu-item > :first-child {
     // account for icons in submenus with padding
     &:ltr {
-      padding-left: $base_padding + $base_margin * 2; 
+      padding-left: 0;
       margin-left: $base_icon_size;
     }
     &:rtl {
-      padding-right: $base_padding + $base_margin * 2; ;
+      padding-right: 0;
       margin-right: $base_icon_size;
     }
   }
diff --git a/data/theme/gnome-shell-sass/widgets/_slider.scss 
b/data/theme/gnome-shell-sass/widgets/_slider.scss
index f982355395..908a750957 100644
--- a/data/theme/gnome-shell-sass/widgets/_slider.scss
+++ b/data/theme/gnome-shell-sass/widgets/_slider.scss
@@ -1,17 +1,17 @@
 /* Slider */
 
-$slider_size: 15px;
+$slider_size: 16px;
 
 .slider {
   height: $slider_size;
   // slider trough
-  -barlevel-height: 6px; // has to be an odd number
+  -barlevel-height: 8px; // has to be an odd number
   -barlevel-background-color: $borders_color; //background of the trough
   -barlevel-border-width: 2px; 
-  -barlevel-border-color: $borders_color; // trough border color
+  -barlevel-border-color: transparent; // trough border color
   // fill style
   -barlevel-active-background-color: $selected_bg_color;
-  -barlevel-active-border-color: $selected_bg_color;
+  -barlevel-active-border-color: transparent;
   // overfill style (red in this case)
   -barlevel-overdrive-color: $destructive_color;
   -barlevel-overdrive-border-color: if($variant == 'light', darken($destructive_color, 4%), 
lighten($destructive_color, 2%)); //trough border when red;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]