Bug 1439834 - Make #TabsToolbar transparent when styled #titlebar (-moz-window-titlebar) should be shown. r=dao, a=jcristau
authorMartin Stransky <stransky@redhat.com>
Wed, 28 Feb 2018 14:34:39 +0100
changeset 460358 3d541b457493ffa308b544dc48dfaa29b37991b5
parent 460357 115138a61e50a81f19982f0d5c3e33a555bdbcb0
child 460359 485d4b89c0cdd2a5e0d3ea3e364eddcb1d2df0c1
push id8921
push userryanvm@gmail.com
push dateMon, 26 Mar 2018 14:40:36 +0000
treeherdermozilla-beta@a15c367a272e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, jcristau
bugs1439834
milestone60.0
Bug 1439834 - Make #TabsToolbar transparent when styled #titlebar (-moz-window-titlebar) should be shown. r=dao, a=jcristau When #titlebar (-moz-window-titlebar) should be rendered (disabled system headerbar rendering and disabled menubar) we also need to make #TabsToolbar transparent because #titlebar is bellow it. MozReview-Commit-ID: AruTMVyC8WD
browser/themes/linux/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -666,16 +666,24 @@ notification[value="translation"] menuli
   /* 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 {
     padding-top: calc(-1 * var(--space-above-tabbar));
   }
 
+  /* Make #TabsToolbar transparent as we style underlying #titlebar with
+   * -moz-window-titlebar (Gtk+ theme).
+   */
+  :root[tabsintitlebar] #TabsToolbar,
+  :root[tabsintitlebar] #toolbar-menubar {
+    -moz-appearance: none;
+  }
+
   /* 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;
     -moz-box-align: center;