mirror of
https://github.com/zen-browser/desktop.git
synced 2026-03-29 20:01:52 +00:00
gh-12765: Fixed grain being covered by the background (gh-12800)
This commit is contained in:
@@ -86,17 +86,17 @@
|
||||
|
||||
& .zen-browser-grain {
|
||||
display: none;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image: url(chrome://browser/content/zen-images/grain-bg.png);
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&[zen-show-grainy-background="true"] .zen-browser-grain {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(chrome://browser/content/zen-images/grain-bg.png);
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
opacity: var(--zen-grainy-background-opacity, 0);
|
||||
mix-blend-mode: overlay;
|
||||
|
||||
:root:not([swipe-gesture="true"]) & {
|
||||
/* note: Keep in sync with kGlobalAnimationDuration */
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
|
||||
Reference in New Issue
Block a user