1
0
Fork 1
mirror of https://github.com/zen-browser/desktop.git synced 2025-07-10 17:05:30 +02:00
zen-desktop/src/browser/components/customizableui/CustomizeMode-sys-mjs.patch

43 lines
1.9 KiB
Diff

diff --git a/browser/components/customizableui/CustomizeMode.sys.mjs b/browser/components/customizableui/CustomizeMode.sys.mjs
index 5f6d01d8337efc515cc2687782a07af893ea85d8..3a1af9f3969e283a5eb5b225ba8389fd82e22184 100644
--- a/browser/components/customizableui/CustomizeMode.sys.mjs
+++ b/browser/components/customizableui/CustomizeMode.sys.mjs
@@ -356,7 +356,7 @@ CustomizeMode.prototype = {
this._transitioning = true;
let customizer = document.getElementById("customization-container");
- let browser = document.getElementById("browser");
+ let browser = document.getElementById("tabbrowser-tabbox");
browser.hidden = true;
customizer.hidden = false;
@@ -487,7 +487,7 @@ CustomizeMode.prototype = {
}
let customizer = document.getElementById("customization-container");
- let browser = document.getElementById("browser");
+ let browser = document.getElementById("tabbrowser-tabbox");
customizer.hidden = true;
browser.hidden = false;
@@ -2278,6 +2278,20 @@ CustomizeMode.prototype = {
if (makeSpaceImmediately) {
aItem.setAttribute("notransition", "true");
}
+ if (aItem.parentElement.id === "TabsToolbar-customization-target") {
+ // We change the border values so we can properly implement the native vertical tabs
+ // drag and drop behavior.
+ aItem.style.borderColor = "transparent";
+ if (aValue == "before") {
+ prop = "borderTopWidth";
+ otherProp = "borderBottomWidth";
+ aItem.style.borderTopStyle = "solid";
+ } else {
+ prop = "borderBottomWidth";
+ otherProp = "borderTopWidth";
+ aItem.style.borderBottomStyle = "solid";
+ }
+ }
aItem.style[prop] = borderWidth + "px";
aItem.style.removeProperty(otherProp);
if (makeSpaceImmediately) {