[gnome-shell-sass] quickSettings: Add QuickMenuToggle

[Florian Müllner <fmuellner src gnome org>]

commit 19666a3932be19eb6b425f4730ac5c9294aa906c
Author: Florian Müllner <fmuellner gnome org>
Date:   Fri Jul 29 18:33:54 2022 +0200

    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>

 widgets/_quick-settings.scss | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)
---
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 {