mirror of
https://github.com/zen-browser/desktop.git
synced 2025-07-10 10:15:40 +02:00
43 lines
1.9 KiB
Diff
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) {
|