diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css index a016012f1919..32bb56cde9b9 100644 --- a/browser/base/content/browser.css +++ b/browser/base/content/browser.css @@ -179,6 +179,22 @@ tabbrowser { transition: transform 200ms var(--animation-easing-function); } +#TabsToolbar[movingtab] > .tabbrowser-tabs { + padding-bottom: 15px; +} + +#TabsToolbar[movingtab] + #nav-bar { + margin-top: -15px; + pointer-events: none; +} + +/* Allow dropping a tab on buttons with associated drop actions. */ +#TabsToolbar[movingtab] + #nav-bar > #nav-bar-customization-target > #home-button, +#TabsToolbar[movingtab] + #nav-bar > #nav-bar-customization-target > #downloads-button, +#TabsToolbar[movingtab] + #nav-bar > #nav-bar-customization-target > #bookmarks-menu-button { + pointer-events: auto; +} + .new-tab-popup, #alltabs-popup { -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-alltabs-popup"); diff --git a/browser/base/content/tabbrowser.xml b/browser/base/content/tabbrowser.xml index 7e770c67fc2f..acb77b2a1cc2 100644 --- a/browser/base/content/tabbrowser.xml +++ b/browser/base/content/tabbrowser.xml @@ -6695,6 +6695,7 @@ if (this.getAttribute("movingtab") != "true") { this.setAttribute("movingtab", "true"); + this.parentNode.setAttribute("movingtab", "true"); this.selectedItem = draggedTab; } @@ -6798,6 +6799,7 @@ tab.style.transform = ""; this.removeAttribute("movingtab"); + this.parentNode.removeAttribute("movingtab"); this._handleTabSelect(); ]]> diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css index 41ee7ad74e84..b1d8bb3b2e52 100644 --- a/browser/themes/shared/tabs.inc.css +++ b/browser/themes/shared/tabs.inc.css @@ -26,6 +26,7 @@ } #tabbrowser-tabs, +#tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height); }