sidebar esc to close

.config/quickshell/modules/bar/ActiveWindow.qml

@@ -9,7 +9,7 @@ Item {
     required property var bar
     readonly property HyprlandMonitor monitor: Hyprland.monitorFor(bar.screen)
     readonly property Toplevel activeWindow: ToplevelManager.activeToplevel
-    property int preferredWidth: 400
+    property int preferredWidth: Appearance.sizes.barPreferredSideSectionWidth
 
     height: parent.height
     width: colLayout.width

.config/quickshell/modules/bar/Bar.qml

@@ -4,6 +4,7 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 import Quickshell
+import Quickshell.Io
 
 Scope {
     id: bar
@@ -11,6 +12,15 @@ Scope {
     readonly property int barHeight: Appearance.sizes.barHeight
     readonly property int barCenterSideModuleWidth: Appearance.sizes.barCenterSideModuleWidth
 
+    Process {
+        id: toggleSidebarRight
+        command: ["qs", "ipc", "call", "sidebarRight", "toggle"]
+    }
+    Process {
+        id: toggleSidebarLeft
+        command: ["qs", "ipc", "call", "sidebarLeft", "toggle"]
+    }
+
     Variants {
         model: Quickshell.screens
 
@@ -42,6 +52,7 @@ Scope {
                 height: barHeight
                 // Left section
                 RowLayout {
+                    id: leftSection
                     anchors.left: parent.left
                     implicitHeight: barHeight
 
@@ -64,6 +75,7 @@ Scope {
 
                 // Middle section
                 RowLayout {
+                    id: middleSection
                     anchors.centerIn: parent
                     spacing: 8
 
@@ -117,18 +129,37 @@ Scope {
 
                 // Right section
                 RowLayout {
+                    id: rightSection
                     anchors.right: parent.right
                     implicitHeight: barHeight
+                    width: Appearance.sizes.barPreferredSideSectionWidth
                     spacing: 20
-
-                    SysTray {
-                        bar: barRoot
-                    }
+                    layoutDirection: Qt.RightToLeft
 
                     Item { // TODO make this wifi & bluetooth
                         Layout.leftMargin: Appearance.rounding.screenRounding
+                        Layout.fillWidth: false
                     }
 
+                    SysTray {
+                        bar: barRoot
+                        Layout.fillWidth: false
+                    }
+
+                    Item {
+                        Layout.fillWidth: true
+                    }
+
+
+                }
+                MouseArea {
+                    anchors.fill: rightSection
+                    acceptedButtons: Qt.LeftButton
+                    onPressed: (event) => {
+                        if (event.button === Qt.LeftButton) {
+                            toggleSidebarRight.running = true
+                        }
+                    }
                     // Scroll to change volume
                     WheelHandler {
                         onWheel: (event) => {
@@ -141,7 +172,6 @@ Scope {
                         }
                         acceptedDevices: PointerDevice.Mouse | PointerDevice.TouchPad
                     }
-
                 }
             }