[gnome-shell/wip/snwh/sass-cleanup] fix panel corner radius
- From: Sam Hewitt <snwh src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/snwh/sass-cleanup] fix panel corner radius
- Date: Wed, 18 Dec 2019 19:32:47 +0000 (UTC)
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]