From 3105024de485b493743d921f418e41aa40fc0362 Mon Sep 17 00:00:00 2001
From: brahim <92426196+BrhmDev@users.noreply.github.com>
Date: Wed, 2 Oct 2024 17:12:43 +0200
Subject: [PATCH] Fixes for splitview with layoutTree, working gridmode

---
 src/browser/base/content/zen-styles/zen-decks.css | 9 ++++++---
 1 file changed, 6 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 26b9e7053..618483120 100644
--- a/src/browser/base/content/zen-styles/zen-decks.css
+++ b/src/browser/base/content/zen-styles/zen-decks.css
@@ -18,6 +18,8 @@
 
 #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split='true'] {
   flex: 1;
+  margin: calc(var(--zen-split-column-gap) / 2) calc(var(--zen-split-row-gap) / 2);
+  position: absolute !important;
 }
 
 #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split-anim='true'] {
@@ -29,11 +31,12 @@
 }
 
 #tabbrowser-tabpanels:has(> [zen-split='true']) {
-  display: grid;
-  row-gap: 0;
-  column-gap: 0;
   --zen-split-row-gap: calc(var(--zen-element-separation) + 2px);
   --zen-split-column-gap: calc(var(--zen-element-separation) + 1px);
+  margin-right: calc(var(--zen-element-separation) - var(--zen-split-row-gap)/2);
+  margin-bottom: calc(var(--zen-element-separation) - var(--zen-split-column-gap)/2);
+  margin-top: calc(-var(--zen-split-row-gap)/2);
+  margin-left: calc(-var(--zen-split-row-gap)/2);
 }
 
 #tabbrowser-tabpanels[zen-split-view] {