diff --git a/src/browser/base/content/browser-box-inc-xhtml.patch b/src/browser/base/content/browser-box-inc-xhtml.patch
index 6f5f7ee91a..b14d50e620 100644
--- a/src/browser/base/content/browser-box-inc-xhtml.patch
+++ b/src/browser/base/content/browser-box-inc-xhtml.patch
@@ -1,5 +1,5 @@
diff --git a/browser/base/content/browser-box.inc.xhtml b/browser/base/content/browser-box.inc.xhtml
-index d58fcdf99843d110b708f3fbf9fb317787fadfcf..cfc2aad902641609c3804e615c4cb66ce65299b7 100644
+index d58fcdf99843d110b708f3fbf9fb317787fadfcf..45ad1e28b31a4993e56dfce0f88f49f48f25f2de 100644
--- a/browser/base/content/browser-box.inc.xhtml
+++ b/browser/base/content/browser-box.inc.xhtml
@@ -3,12 +3,22 @@
@@ -25,16 +25,20 @@ index d58fcdf99843d110b708f3fbf9fb317787fadfcf..cfc2aad902641609c3804e615c4cb66c
-
+-
+#include zen-tabbrowser-elements.inc.xhtml
-
++
++#include ../../../zen/split-view/zen-splitview-overlay.inc.xhtml
++
-@@ -34,3 +44,5 @@
+
diff --git a/src/browser/base/content/zen-tabbrowser-elements.inc.xhtml b/src/browser/base/content/zen-tabbrowser-elements.inc.xhtml
index 887db5f262..1220fad427 100644
--- a/src/browser/base/content/zen-tabbrowser-elements.inc.xhtml
+++ b/src/browser/base/content/zen-tabbrowser-elements.inc.xhtml
@@ -4,5 +4,4 @@
-#include ../../../zen/split-view/zen-splitview-overlay.inc.xhtml
#include ../../../zen/glance/zen-glance.inc.xhtml
\ No newline at end of file
diff --git a/src/zen/common/styles/zen-browser-ui.css b/src/zen/common/styles/zen-browser-ui.css
index 6618d653e1..efdf210df0 100644
--- a/src/zen/common/styles/zen-browser-ui.css
+++ b/src/zen/common/styles/zen-browser-ui.css
@@ -277,6 +277,7 @@ body,
position: absolute;
top: 50%;
left: 50%;
+ transform: translateX(-50%);
opacity: 0;
transition: opacity 0.1s ease-in-out;
pointer-events: none;
diff --git a/src/zen/split-view/ZenViewSplitter.mjs b/src/zen/split-view/ZenViewSplitter.mjs
index 783f2646df..00f10d6e08 100644
--- a/src/zen/split-view/ZenViewSplitter.mjs
+++ b/src/zen/split-view/ZenViewSplitter.mjs
@@ -1721,7 +1721,7 @@ class nsZenViewSplitter extends nsZenDOMOperatedFeature {
if (splitNode.direction === "column") {
splitter.style.inset = `${100 - childRootPosition.bottom}% ${childRootPosition.right}% 0% ${childRootPosition.left}%`;
} else {
- splitter.style.inset = `${childRootPosition.top}% 0% ${childRootPosition.bottom}% ${100 - childRootPosition.right}%`;
+ splitter.style.inset = `${childRootPosition.top}% ${childRootPosition.right}% ${childRootPosition.bottom}% calc(${100 - childRootPosition.right}% - var(--zen-split-row-gap))`;
}
}
});
@@ -1739,7 +1739,7 @@ class nsZenViewSplitter extends nsZenDOMOperatedFeature {
splitter.className = "zen-split-view-splitter";
splitter.setAttribute("orient", orient);
splitter.setAttribute("gridIdx", idx);
- this.overlay.insertAdjacentElement("afterbegin", splitter);
+ this.tabBrowserPanel.appendChild(splitter);
splitter.addEventListener("mousedown", this.handleSplitterMouseDown);
return splitter;
@@ -1775,8 +1775,8 @@ class nsZenViewSplitter extends nsZenDOMOperatedFeature {
}
removeSplitters() {
- [...this.overlay.children]
- .filter(c => c.classList.contains("zen-split-view-splitter"))
+ this.tabBrowserPanel
+ .querySelectorAll(".zen-split-view-splitter")
.forEach(s => s.remove());
this._splitNodeToSplitters.clear();
}
diff --git a/src/zen/split-view/zen-split-view.css b/src/zen/split-view/zen-split-view.css
index 6e856e9db2..28e11be692 100644
--- a/src/zen/split-view/zen-split-view.css
+++ b/src/zen/split-view/zen-split-view.css
@@ -116,6 +116,8 @@
pointer-events: none;
padding: inherit;
inset: 0;
+ -moz-subtree-hidden-only-visually: 0;
+ z-index: 2;
}
#zen-splitview-overlay {