gh-12765: Fixed grain being covered by the background (gh-12800)

This commit is contained in:
mr. m
2026-03-17 15:14:01 +01:00
committed by GitHub
parent 3e2e27d893
commit 0280a7deef

View File

@@ -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;