diff --git a/browser/components/customizableui/CustomizeMode.sys.mjs b/browser/components/customizableui/CustomizeMode.sys.mjs index fd3c54a1d80f5800ffd2dcaaf594eed4bd2d300c..259af2688e5a8bca88017e5da0bfdb488ab59f59 100644 --- a/browser/components/customizableui/CustomizeMode.sys.mjs +++ b/browser/components/customizableui/CustomizeMode.sys.mjs @@ -503,7 +503,7 @@ export class CustomizeMode { this.#transitioning = true; let customizer = document.getElementById("customization-container"); - let browser = document.getElementById("browser"); + let browser = document.getElementById("tabbrowser-tabbox"); // ZEN: This fixes customizing mode!!! Dont remove it browser.hidden = true; customizer.hidden = false; @@ -640,7 +640,7 @@ export class CustomizeMode { } let customizer = document.getElementById("customization-container"); - let browser = document.getElementById("browser"); + let browser = document.getElementById("tabbrowser-tabbox"); // ZEN: This fixes customizing mode!!! Dont remove it customizer.hidden = true; browser.hidden = false; @@ -1176,6 +1176,7 @@ export class CustomizeMode { return ( aNode.localName == "toolbarbutton" || aNode.localName == "toolbaritem" || + aNode.localName == "zen-workspace-icons" || aNode.localName == "toolbarseparator" || aNode.localName == "toolbarspring" || aNode.localName == "toolbarspacer" @@ -3128,6 +3129,20 @@ export class CustomizeMode { if (makeSpaceImmediately) { aDraggedOverItem.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"; + } + } aDraggedOverItem.style[prop] = borderWidth + "px"; aDraggedOverItem.style.removeProperty(otherProp); if (makeSpaceImmediately) {