From c9ffb84ffc53a60803eaf8f0f53158d0a2626e54 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Sat, 7 Jun 2025 23:25:13 +0200
Subject: [PATCH] bar: borderless: add separators, no longer default

---
 .config/quickshell/modules/bar/Bar.qml            | 15 +++++++++++++--
 .../quickshell/modules/common/ConfigOptions.qml   |  2 +-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/.config/quickshell/modules/bar/Bar.qml b/.config/quickshell/modules/bar/Bar.qml
index 891c9a2c..ca9b1e57 100644
--- a/.config/quickshell/modules/bar/Bar.qml
+++ b/.config/quickshell/modules/bar/Bar.qml
@@ -19,6 +19,14 @@ Scope {
     readonly property int osdHideMouseMoveThreshold: 20
     property bool showBarBackground: ConfigOptions.bar.showBackground
 
+    component VerticalBarSeparator: Rectangle {
+        Layout.topMargin: barHeight / 3
+        Layout.bottomMargin: barHeight / 3
+        Layout.fillHeight: true
+        implicitWidth: 1
+        color: Appearance.m3colors.m3outlineVariant
+    }
+
     Variants { // For each monitor
         model: Quickshell.screens
 
@@ -180,7 +188,7 @@ Scope {
                 RowLayout { // Middle section
                     id: middleSection
                     anchors.centerIn: parent
-                    spacing: 8
+                    spacing: ConfigOptions?.bar.borderless ? 4 : 8
 
                     RowLayout {
                         id: leftCenterGroup
@@ -201,9 +209,10 @@ Scope {
 
                     }
 
+                    VerticalBarSeparator {visible: ConfigOptions?.bar.borderless}
+
                     RowLayout {
                         id: middleCenterGroup
-                        Layout.fillWidth: true
                         Layout.fillHeight: true
 
                         Workspaces {
@@ -222,6 +231,8 @@ Scope {
 
                     }
 
+                    VerticalBarSeparator {visible: ConfigOptions?.bar.borderless}
+
                     RowLayout {
                         id: rightCenterGroup
                         Layout.preferredWidth: leftCenterGroup.width
diff --git a/.config/quickshell/modules/common/ConfigOptions.qml b/.config/quickshell/modules/common/ConfigOptions.qml
index ee0522f5..852a4b97 100644
--- a/.config/quickshell/modules/common/ConfigOptions.qml
+++ b/.config/quickshell/modules/common/ConfigOptions.qml
@@ -37,7 +37,7 @@ Singleton {
 
     property QtObject bar: QtObject {
         property bool bottom: false // Instead of top
-        property bool borderless: true
+        property bool borderless: false // true for no grouping of items
         property string topLeftIcon: "spark" // Options: distro, spark
         property bool showBackground: true
         property QtObject resources: QtObject {