[gnome-shell/wip/snwh/sass-cleanup] fix panel corner radius



commit 7665f7a8a35bc43b5437332269d436f61ec63363
Author: Sam Hewitt <sam snwh org>
Date:   Wed Dec 18 14:32:43 2019 -0500

    fix panel corner radius

 data/theme/gnome-shell-sass/widgets/_panel.scss | 185 ++++++++++++------------
 1 file changed, 92 insertions(+), 93 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_panel.scss b/data/theme/gnome-shell-sass/widgets/_panel.scss
index 9c5a4e0555..acfe54e189 100644
--- a/data/theme/gnome-shell-sass/widgets/_panel.scss
+++ b/data/theme/gnome-shell-sass/widgets/_panel.scss
@@ -1,107 +1,106 @@
 /* Top Bar */
 // a.k.a. the panel
 
-$panel_corner_radius: $base_border_radius + 1px;
+$panel_corner_radius: 6px;
 $panel_bg_color: if($variant == 'light', rgba(0,0,0,0.9), #000);
 $panel_fg_color: if($variant == 'light', darken($bg_color, 15%), darken($fg_color, 10%));
 $panel_height: 1.86em;
 
 
 #panel {
-       background-color: $panel_bg_color;
-       font-weight: bold;
-       height: $panel_height;
-       font-feature-settings: "tnum";
-
-       // transparent panel on lock & login screens
-       &.unlock-screen,
-       &.login-screen,
-       &.lock-screen {
-               background-color: transparent;
-       }
-
-       // spacing between activities, app menu and such
-       #panelLeft, #panelCenter {
-               spacing: $base_spacing;
-       }
-
-       // the rounded outset corners
-       .panel-corner {
-               -panel_corner_radius: $panel_corner_radius;
-               -panel-corner-background-color: $panel_bg_color;
-               -panel-corner-border-width: 2px;
-               -panel-corner-border-color: transparent;
-
-               &:active, &:overview, &:focus {
-                       -panel-corner-border-color: lighten($selected_bg_color,5%);
-               }
-
-               &.lock-screen, &.login-screen, &.unlock-screen {
-                       -panel_corner_radius: 0;
-                       -panel-corner-background-color: transparent;
-                       -panel-corner-border-color: transparent;
-               }
-       }
-
-       // panel menus
-       .panel-button {
-               font-weight: bold;
-               color: $panel_fg_color;
-               -natural-hpadding: $base_padding * 2;
-               -minimum-hpadding: $base_padding;
-
-               &:hover {
-                       color: lighten($panel_fg_color, 20%);
-               }
-
-               &:active, &:overview, &:focus, &:checked {
-                       background-color: $panel_bg_color; // Trick due to St limitations. It needs a 
background to draw a box-shadow
-                       box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
-
-                       color: lighten($panel_fg_color, 20%);
-               }
-
-               // status area icons
-               .system-status-icon {
-                       icon-size: $base_icon_size;
-                       padding: $base_padding - 1px;
-               }
-
-
-               // app menu icon
-               .app-menu-icon {
-                       -st-icon-style: symbolic;
-                       margin-left: $base_margin;
-                       margin-right: $base_margin;
-                       // dimensions of the icon are hardcoded
-               }
-
-               // lock & login screen styles
-               .unlock-screen &,
-               .login-screen &,
-               .lock-screen & {
-                       color: lighten($fg_color, 10%);
-                       &:focus, &:hover, &:active { color: lighten($fg_color, 10%); }
-               }
-       }
-
-       .panel-status-indicators-box,
-       .panel-status-menu-box {
-               spacing: 2px;
-       }
-
-       // spacing between power icon and (optional) percentage label
-       .power-status.panel-status-indicators-box {
-               spacing: 0;
-       }
-
-       // indicator for active
-       .screencast-indicator,
-       .remote-access-indicator { color: $warning_color; }
+  background-color: $panel_bg_color;
+  font-weight: bold;
+  height: $panel_height;
+  font-feature-settings: "tnum";
+
+  // transparent panel on lock & login screens
+  &.unlock-screen,
+  &.login-screen,
+  &.lock-screen {
+    background-color: transparent;
+  }
+
+  // spacing between activities, app menu and such
+  #panelLeft, #panelCenter {
+    spacing: $base_spacing;
+  }
+
+  // the rounded outset corners
+  .panel-corner {
+    -panel_corner_radius: $panel_corner_radius;
+    -panel-corner-background-color: $panel_bg_color;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent;
+
+    &:active, &:overview, &:focus {
+      -panel-corner-border-color: lighten($selected_bg_color,5%);
+    }
+
+    &.lock-screen, &.login-screen, &.unlock-screen {
+      -panel_corner_radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent;
+    }
+  }
+
+  // panel menus
+  .panel-button {
+    font-weight: bold;
+    color: $panel_fg_color;
+    -natural-hpadding: $base_padding * 2;
+    -minimum-hpadding: $base_padding;
+
+    &:hover {
+      color: lighten($panel_fg_color, 20%);
+    }
+
+    &:active, &:overview, &:focus, &:checked {
+      background-color: $panel_bg_color; // Trick due to St limitations. It needs a background to draw a 
box-shadow
+      box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
+
+      color: lighten($panel_fg_color, 20%);
+    }
+
+    // status area icons
+    .system-status-icon {
+      icon-size: $base_icon_size;
+      padding: $base_padding - 1px;
+    }
+
+    // app menu icon
+    .app-menu-icon {
+      margin-left: $base_margin;
+      margin-right: $base_margin;
+      -st-icon-style: symbolic;
+      // dimensions of the icon are hardcoded
+    }
+
+    // lock & login screen styles
+    .unlock-screen &,
+    .login-screen &,
+    .lock-screen & {
+      color: lighten($fg_color, 10%);
+      &:focus, &:hover, &:active { color: lighten($fg_color, 10%); }
+    }
+  }
+
+  .panel-status-indicators-box,
+  .panel-status-menu-box {
+    spacing: 2px;
+  }
+
+  // spacing between power icon and (optional) percentage label
+  .power-status.panel-status-indicators-box {
+    spacing: 0;
+  }
+
+  // indicator for active
+  .screencast-indicator,
+  .remote-access-indicator { color: $warning_color; }
 }
 
 // App Menu
 #appMenu {
-       spacing: $base_spacing;
-       .label-shadow { color: transparent; }
+  spacing: $base_spacing;
+  .label-shadow { color: transparent; }
 }
\ No newline at end of file


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