Preserve the tape shadow over scrolling content

2026-09-07 18:40:44 +02:00
parent 7d09a69268
commit 164476a5b3
5 changed files with 18 additions and 5 deletions
@@ -289,12 +289,12 @@ address {
    position: fixed;
    z-index: 1;
    inset: 0 0 auto;
-    block-size: calc(254 * var(--unit));
+    block-size: calc(270 * var(--unit));
    background-image: var(--desktop-backdrop);
    background-size: 100% auto;
    background-repeat: no-repeat;
-    /* Reuse the original pixels, revealing only the opaque tape above content. */
-    mask-image: url("./construction-tape.svg");
+    /* Include the soft shadow above content without darkening the backdrop twice. */
+    mask-image: url("./construction-tape-mask.svg");
    mask-mode: alpha;
    mask-size: 100% auto;
    mask-repeat: no-repeat;