Bug 1511053 - Stop affecting the titlebar's height while dragging tabs. r=Gijs
authorDão Gottwald <dao@mozilla.com>
Sun, 10 Feb 2019 15:34:22 +0000
changeset 458486 7fd4818ddfceac8c973a0e78c19f1b079fbe8ba4
parent 458485 5e84fb8430371c274cf211dfacc879e3921a3b80
child 458487 a1f74e8c8fb72390d22054d6b00c28b1a32f6c43
push id35536
push userbtara@mozilla.com
push dateMon, 11 Feb 2019 21:54:04 +0000
treeherdermozilla-central@6d8e6f960446 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1511053
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1511053 - Stop affecting the titlebar's height while dragging tabs. r=Gijs Differential Revision: https://phabricator.services.mozilla.com/D19268
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -248,29 +248,23 @@ panelview[mainview] > .panel-header {
 #tabbrowser-tabs[movingtab] > .tabbrowser-tab[fadein]:not([selected]):not([multiselected]) {
   transition: transform 200ms var(--animation-easing-function);
 }
 
 .tabbrowser-tab[tab-grouping][multiselected]:not([selected]) {
   z-index: 2;
 }
 
-/* The next 3 rules allow dragging tabs slightly outside of the tabstrip
- * to make it easier to drag tabs. */
-#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
-  padding-bottom: 15px;
-}
-
-#navigator-toolbox[movingtab] #tabbrowser-tabs {
+/* Make it easier to drag tabs by expanding the drag area downwards. */
+#tabbrowser-tabs[movingtab] {
   padding-bottom: 15px;
   margin-bottom: -15px;
 }
 
 #navigator-toolbox[movingtab] > #nav-bar {
-  margin-top: -15px;
   pointer-events: none;
 }
 
 /* Allow dropping a tab on buttons with associated drop actions. */
 #navigator-toolbox[movingtab] > #nav-bar > #nav-bar-customization-target > #personal-bookmarks,
 #navigator-toolbox[movingtab] > #nav-bar > #nav-bar-customization-target > #home-button,
 #navigator-toolbox[movingtab] > #nav-bar > #nav-bar-customization-target > #downloads-button,
 #navigator-toolbox[movingtab] > #nav-bar > #nav-bar-customization-target > #bookmarks-menu-button {