[gnome-shell/wip/snwh/quick-settings-tweaks] css: Shave padding off of the quick settings menu




commit b86998231e7ac2e232a9eb1862c2964d32e9df81
Author: Sam Hewitt <sam snwh org>
Date:   Wed Aug 31 14:55:33 2022 -0230

    css: Shave padding off of the quick settings menu
    
    - reduce overall menu padding
    - lessen the button size
    - reduce internal padding on submenu

 .../gnome-shell-sass/widgets/_quick-settings.scss  | 28 ++++++++++++----------
 1 file changed, 16 insertions(+), 12 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss 
b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
index 869e15f0bf..136b724564 100644
--- a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
+++ b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
@@ -1,6 +1,10 @@
 .quick-settings {
-  padding: 4 * $base_padding;
-  border-radius: $modal_radius*2;
+  padding: $base_padding*3;
+  border-radius: $modal_radius*2.25;
+
+  .icon-button, .button {
+    padding: $base_padding*1.75;
+  }
 }
 
 .quick-settings-grid {
@@ -10,9 +14,9 @@
 
 .quick-toggle {
   border-radius: 99px;
-  min-width: 11.5em;
-  max-width: 11.5em;
-  min-height: 48px;
+  min-width: 11em;
+  max-width: 11em;
+  min-height: 40px;
   border:none;
 
   &:checked { @include button(default); }
@@ -38,8 +42,8 @@
     background-color: transparentize($fg_color, 0.9);
     padding: $base_padding $base_padding*1.75;
 
-    &:ltr { border-radius: 0 99px 99px 0; }
-    &:rtl { border-radius: 99px 0 0 99px; }
+    &:ltr { margin-left:$base_padding; border-radius: 0 99px 99px 0; }
+    &:rtl { margin-right:$base_padding; border-radius: 99px 0 0 99px; }
   }
 }
 
@@ -60,9 +64,9 @@
 
 .quick-toggle-menu {
   background-color: $card_bg_color;
-  border-radius: $base_border_radius*2.75;
-  padding: $base_padding*2.75;
-  margin: 0 $base_padding*2.75;
+  border-radius: $base_border_radius*3;
+  padding: $base_padding*2;
+  margin: $base_padding*2 $base_padding*3 0;
 
   & .header {
     spacing-rows: 0.5 * $base_padding;
@@ -89,10 +93,10 @@
 }
 
 .quick-toggle-menu-container {
-  padding: 2 * $base_padding $base_padding 0;
- }
+}
 
 .quick-settings-system-item {
+
   & > StBoxLayout { spacing: 2 * $base_padding; }
 
   .icon-button > StIcon { -st-icon-style: symbolic; }


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