Bug 1419442 - [Linux/Titlebar rendering] Add optional drag space above titlebar, r?dao draft
authorMartin Stransky <stransky@redhat.com>
Thu, 15 Feb 2018 13:11:53 +0100
changeset 756128 56fcfa3a454e3b1bb653cca633d2694ebde28fae
parent 754399 38b3c1d03a594664c6b32c35533734283c258f43
child 756129 c976562ea34816063833f4b210607c8e254bcfa5
child 756914 6c45ebae1cb4b737406fc22bc84c57fe894b7faf
push id99387
push userstransky@redhat.com
push dateFri, 16 Feb 2018 14:14:22 +0000
reviewersdao
bugs1419442
milestone60.0a1
Bug 1419442 - [Linux/Titlebar rendering] Add optional drag space above titlebar, r?dao MozReview-Commit-ID: KkKXcrIPFhg
browser/themes/linux/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -660,16 +660,30 @@ notification[value="translation"] menuli
 
   :root[tabsintitlebar][sizemode="normal"] > #titlebar {
     -moz-appearance: -moz-window-titlebar;
   }
   :root[tabsintitlebar][sizemode="maximized"] > #titlebar {
     -moz-appearance: -moz-window-titlebar-maximized;
   }
 
+  /* Add extra space to titlebar for dragging */
+  :root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
+  :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
+    margin-top: var(--space-above-tabbar);
+  }
+
+  /* Private browsing and accessibility indicators */
+  :root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .private-browsing-indicator,
+  :root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .accessibility-indicator,
+  :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .private-browsing-indicator,
+  :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .accessibility-indicator {
+    margin-top: calc(-1 * var(--space-above-tabbar));
+  }
+
   /* The button box must appear on top of the navigator-toolbox in order for
    * click and hover mouse events to work properly for the button in the restored
    * window state. Otherwise, elements in the navigator-toolbox, like the menubar,
    * can swallow those events.
    */
   #titlebar-buttonbox {
     z-index: 1;
   }