[gnome-shell/wip/snwh/style-updates] theme: popover menu adjustments
- From: Sam Hewitt <snwh src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/snwh/style-updates] theme: popover menu adjustments
- Date: Thu, 30 Dec 2021 15:03:11 +0000 (UTC)
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]