Commit 4ea9aa84 authored by Markus Stange's avatar Markus Stange
Browse files

Bug 1592739 - Make the sidebar non-vibrant when any lwtheme is in use. r=ntim 

This is needed because under the new vibrancy model, vibrant -moz-appearance
values only work on elements that have nothing rendered behind them. The elements
with the vibrant appearance become truly transparent.

Differential Revision: https://phabricator.services.mozilla.com/D51465

--HG--
extra : moz-landing-system : lando
parent 80992e26

browser/themes/osx/browser.css

+8 −1
Original line number Original line Diff line number Diff line
@@ -488,9 +488,16 @@ 
#sidebar-box {

#sidebar-box {

  /* Default font size is 11px on mac, so this is 12px */

  /* Default font size is 11px on mac, so this is 12px */

  font-size: 1.0909rem;

  font-size: 1.0909rem;

  --sidebar-background-color: -moz-mac-source-list;

}

}





#sidebar-box:not([lwt-sidebar]) {

/* Give the sidebar a vibrant -moz-appearance. Only do this when no lwtheme is

 * in use, because vibrant -moz-appearance values only work if there is no

 * background-color rendered behind the element, and we have :root:-moz-lwtheme

 * rules which set -moz-appearance: none and an opaque background color on the

 * root element. That background color would interfere with the vibrancy.

 * See bug 1594132 for fixing this. */

#sidebar-box:not(:-moz-lwtheme) {

  -moz-appearance: -moz-mac-source-list;

  -moz-appearance: -moz-mac-source-list;

  -moz-font-smoothing-background-color: -moz-mac-source-list;

  -moz-font-smoothing-background-color: -moz-mac-source-list;

}

}