Bug 1439834 - Make #TabsToolbar transparent when styled #titlebar (-moz-window-titlebar) should be shown, r?dao draft
authorMartin Stransky <stransky@redhat.com>
Wed, 28 Feb 2018 14:34:39 +0100
changeset 766841 3e8c3b836decf5745561076ca624ea2e1141dfd0
parent 766840 a3cd9fb9e8b0c4864d66a5f3729960b79dde58f4
push id102410
push userstransky@redhat.com
push dateTue, 13 Mar 2018 13:00:49 +0000
reviewersdao
bugs1439834
milestone60.0a1
Bug 1439834 - Make #TabsToolbar transparent when styled #titlebar (-moz-window-titlebar) should be shown, r?dao 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;