summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFlorian Müllner <fmuellner@gnome.org>2022-07-29 18:33:54 +0200
committerFlorian Müllner <fmuellner@gnome.org>2022-08-10 16:28:30 +0200
commit19666a3932be19eb6b425f4730ac5c9294aa906c (patch)
tree0894ec986cc7745c4873c81cec177acea32017fc
parent9d6e43d439fd5ffbaebdc45d966e73c12b2f1f72 (diff)
downloadgnome-shell-sass-19666a3932be19eb6b425f4730ac5c9294aa906c.tar.gz
quickSettings: Add QuickMenuToggle
This is a convenience subclass for a quick toggle with a menu. The menu can be disabled dynamically and if enabled, an arrow is displayed that allows opening the menu. Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2393>
-rw-r--r--widgets/_quick-settings.scss20
1 files changed, 19 insertions, 1 deletions
diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss
index 4f8a62f..f1f2eb2 100644
--- a/widgets/_quick-settings.scss
+++ b/widgets/_quick-settings.scss
@@ -17,8 +17,26 @@
& > StBoxLayout { spacing: $base_padding; }
+ /* Move padding into the box; this is to allow menu arrows
+ to extend to the border */
+ &.button { padding: 0; }
+ & > StBoxLayout { padding: 0 2 * $base_padding; }
+
.quick-toggle-label { font-weight: bold; }
- .quick-toggle-icon { icon-size: $base_icon_size; }
+ .quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; }
+}
+
+.quick-menu-toggle {
+ &:ltr > StBoxLayout { padding-right: 0; }
+ &:rtl > StBoxLayout { padding-left: 0; }
+
+ & .quick-toggle-arrow {
+ background-color: transparentize($fg_color, 0.9);
+ padding: 8px;
+
+ &:ltr { border-radius: 0 99px 99px 0; }
+ &:rtl { border-radius: 99px 0 0 99px; }
+ }
}
.quick-toggle-menu {