Bug 1400556 - apply padding to the tabs toolbar too to avoid other items moving when dragging tabs, r?johannh draft
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Sat, 16 Sep 2017 18:47:32 +0100
changeset 665952 80c68d2cd175cfb13acfeafe2acc36e8f6aafd5d
parent 665900 27e7b4261e4b5a016e09adb5332a181e43ab520e
child 731939 aa21b389f9d0c01d29b2356ec5c6fbddb1f873ba
push id80233
push usergijskruitbosch@gmail.com
push dateSat, 16 Sep 2017 18:42:19 +0000
reviewersjohannh
bugs1400556
milestone57.0a1
Bug 1400556 - apply padding to the tabs toolbar too to avoid other items moving when dragging tabs, r?johannh MozReview-Commit-ID: FXAYmACbYt1
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -179,19 +179,25 @@ tabbrowser {
   pointer-events: none; /* avoid blocking dragover events on scroll buttons */
 }
 
 .tabbrowser-tab[tabdrop-samewindow],
 .tabbrowser-tabs[movingtab] > .tabbrowser-tab[fadein]:not([selected]) {
   transition: transform 200ms var(--animation-easing-function);
 }
 
-#TabsToolbar[movingtab] > .chromeclass-toolbar-additional,
+/* The next 3 rules allow dragging tabs slightly outside of the tabstrip
+ * to make it easier to drag tabs. */
+#TabsToolbar[movingtab] {
+  padding-bottom: 15px;
+}
+
 #TabsToolbar[movingtab] > .tabbrowser-tabs {
   padding-bottom: 15px;
+  margin-bottom: -15px;
 }
 
 #TabsToolbar[movingtab] + #nav-bar {
   margin-top: -15px;
   pointer-events: none;
 }
 
 /* Allow dropping a tab on buttons with associated drop actions. */