From 85c6de8d2a6bacbc317e04b632324ecbc88b2b40 Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Sat, 14 Sep 2024 19:19:08 +0200
Subject: [PATCH 1/5] Put resize splitters inside tabBrowser

---
 .../content/zen-styles/zen-browser-ui.css     | 25 ++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/browser/base/content/zen-styles/zen-browser-ui.css b/src/browser/base/content/zen-styles/zen-browser-ui.css
index 0f3525faf..97f4d0247 100644
--- a/src/browser/base/content/zen-styles/zen-browser-ui.css
+++ b/src/browser/base/content/zen-styles/zen-browser-ui.css
@@ -41,4 +41,27 @@
 #tabbrowser-tabbox {
   display: flex;
   flex-direction: row;
-}
\ No newline at end of file
+}
+
+#tabbrowser-tabpanels[zen-split-view] {
+
+  .zen-split-view-splitter[orient='vertical'] {
+    display: inherit !important;
+    width: 7px;
+    cursor: col-resize;
+  }
+}
+
+.zen-split-view-splitter {
+  display: none;
+  visibility: inherit;
+  -moz-subtree-hidden-only-visually: 0;
+}
+#tabbrowser-tabpanels[zen-split-view] {
+
+  .zen-split-view-splitter[orient='vertical'] {
+    display: inherit !important;
+    width: 7px;
+    cursor: col-resize;
+  }
+}

From bd25205ad58c7165ace527a1df42bba16950ff9c Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Sun, 15 Sep 2024 14:00:16 +0200
Subject: [PATCH 2/5] Split view splitter css

---
 .../content/zen-styles/zen-browser-ui.css     | 19 ++++++++-----------
 .../base/content/zen-styles/zen-decks.css     |  1 -
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-browser-ui.css b/src/browser/base/content/zen-styles/zen-browser-ui.css
index 97f4d0247..bc71a4a6e 100644
--- a/src/browser/base/content/zen-styles/zen-browser-ui.css
+++ b/src/browser/base/content/zen-styles/zen-browser-ui.css
@@ -44,24 +44,21 @@
 }
 
 #tabbrowser-tabpanels[zen-split-view] {
-
-  .zen-split-view-splitter[orient='vertical'] {
+  .zen-split-view-splitter {
     display: inherit !important;
+  }
+  .zen-split-view-splitter[orient='vertical'] {
     width: 7px;
-    cursor: col-resize;
+  }
+  .zen-split-view-splitter[orient='horizontal'] {
+    height: 7px;
+    cursor: n-resize;
   }
 }
 
 .zen-split-view-splitter {
   display: none;
   visibility: inherit;
+  cursor: ew-resize;
   -moz-subtree-hidden-only-visually: 0;
 }
-#tabbrowser-tabpanels[zen-split-view] {
-
-  .zen-split-view-splitter[orient='vertical'] {
-    display: inherit !important;
-    width: 7px;
-    cursor: col-resize;
-  }
-}
diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css
index 871c15996..79a6d6227 100644
--- a/src/browser/base/content/zen-styles/zen-decks.css
+++ b/src/browser/base/content/zen-styles/zen-decks.css
@@ -18,7 +18,6 @@
 
 #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split='true'] {
   flex: 1;
-  margin-right: 5px;
 }
 
 #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split-anim='true'] {

From 4cf7827df96289ddaa40f2eefe45b2875c941665 Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Mon, 16 Sep 2024 02:56:46 +0200
Subject: [PATCH 3/5] Move splitter css to zen-decks.css, use css vars for
 gridSizes

---
 .../content/zen-styles/zen-browser-ui.css     | 20 ----------------
 .../base/content/zen-styles/zen-decks.css     | 24 +++++++++++++++++--
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-browser-ui.css b/src/browser/base/content/zen-styles/zen-browser-ui.css
index bc71a4a6e..ff17a92f5 100644
--- a/src/browser/base/content/zen-styles/zen-browser-ui.css
+++ b/src/browser/base/content/zen-styles/zen-browser-ui.css
@@ -42,23 +42,3 @@
   display: flex;
   flex-direction: row;
 }
-
-#tabbrowser-tabpanels[zen-split-view] {
-  .zen-split-view-splitter {
-    display: inherit !important;
-  }
-  .zen-split-view-splitter[orient='vertical'] {
-    width: 7px;
-  }
-  .zen-split-view-splitter[orient='horizontal'] {
-    height: 7px;
-    cursor: n-resize;
-  }
-}
-
-.zen-split-view-splitter {
-  display: none;
-  visibility: inherit;
-  cursor: ew-resize;
-  -moz-subtree-hidden-only-visually: 0;
-}
diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css
index 79a6d6227..9ef63985b 100644
--- a/src/browser/base/content/zen-styles/zen-decks.css
+++ b/src/browser/base/content/zen-styles/zen-decks.css
@@ -30,8 +30,28 @@
 
 #tabbrowser-tabpanels:has(> [zen-split='true']) {
   display: grid;
-  row-gap: var(--zen-element-separation);
-  column-gap: calc(var(--zen-element-separation) / 2);
+  row-gap: 0;
+  column-gap: 0;
+  --zen-split-grid-gap: calc(var(--zen-element-separation) + 2px);
+  --zen-split-row-gap: var(--zen-split-grid-gap);
+  --zen-split-column-gap: var(--zen-split-grid-gap);
+}
+
+#tabbrowser-tabpanels[zen-split-view] {
+  .zen-split-view-splitter {
+    display: inherit;
+  }
+}
+
+.zen-split-view-splitter {
+  display: none;
+  visibility: inherit;
+  cursor: ew-resize;
+  -moz-subtree-hidden-only-visually: 0;
+}
+
+.zen-split-view-splitter[orient='horizontal'] {
+  cursor: n-resize;
 }
 
 #zen-split-views-box:not([hidden='true']) {

From 37ee485140faccae7300407b3811d0052831ea45 Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Mon, 16 Sep 2024 04:09:59 +0200
Subject: [PATCH 4/5] Add zen.splitView.min-resize-width pref

---
 src/browser/app/profile/zen-browser.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js
index 860256885..fdbf02435 100644
--- a/src/browser/app/profile/zen-browser.js
+++ b/src/browser/app/profile/zen-browser.js
@@ -111,6 +111,7 @@ pref('zen.sidebar.close-on-blur', true);
 
 // Zen Split View
 pref('zen.splitView.working', false);
+pref('zen.splitView.min-resize-width', 7);
 
 // Zen Workspaces
 pref('zen.workspaces.enabled', true);

From d502555428795a3dbabcf2a423fe0cd2acdbfecd Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Mon, 16 Sep 2024 04:14:41 +0200
Subject: [PATCH 5/5] Remove --zen-split-grid-gap var

---
 src/browser/base/content/zen-styles/zen-decks.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css
index 9ef63985b..890797ad9 100644
--- a/src/browser/base/content/zen-styles/zen-decks.css
+++ b/src/browser/base/content/zen-styles/zen-decks.css
@@ -32,9 +32,8 @@
   display: grid;
   row-gap: 0;
   column-gap: 0;
-  --zen-split-grid-gap: calc(var(--zen-element-separation) + 2px);
-  --zen-split-row-gap: var(--zen-split-grid-gap);
-  --zen-split-column-gap: var(--zen-split-grid-gap);
+  --zen-split-row-gap: calc(var(--zen-element-separation) + 2px);
+  --zen-split-column-gap: calc(var(--zen-element-separation) + 1px);
 }
 
 #tabbrowser-tabpanels[zen-split-view] {