[gnome-shell-sass] status/system: Port to quick settings

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

commit 3e7228735e0783eeb6bf1751f9b52c2fe6839699
Author: Florian Müllner <fmuellner gnome org>
Date:   Sat Jul 30 02:17:15 2022 +0200

    status/system: Port to quick settings
    
    This port is a bit messier than the previous ones, because the
    existing menu section translates less directly to the new UI,
    which uses a row of individual toggles for settings, lock and
    shutdown.
    
    In order to not complicate the grid layout further by supporting
    rows with a different number of columns than the overall grid and
    children at their natural size, create a custom, non-reactive
    SystemItem item that spans an entire row, and contains the individual
    toggles.
    
    This works quite well, even with the shutdown item that uses a menu
    for the various actions.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2393>

 widgets/_quick-settings.scss | 4 ++++
 1 file changed, 4 insertions(+)
---
diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss
index 664f24c..82d88b4 100644
--- a/widgets/_quick-settings.scss
+++ b/widgets/_quick-settings.scss
@@ -83,3 +83,7 @@
 .quick-toggle-menu-container {
   padding: 2 * $base_padding $base_padding 0;
  }
+
+.quick-settings-system-item {
+  & > StBoxLayout { spacing: 2 * $base_padding; }
+}