Huang Xin ee01fcd123 fix(reader): texture the scrolled-mode top inset mask, closes #4486 (#4563) ...

In scrolled mode the notch-area masks the top safe-area inset with
opaque bg-base-100 so content scrolling under the status bar is hidden,
but it painted over the background texture (.foliate-viewer::before at
the z-0 layer), leaving a flat untextured strip across the unsafe
header area.

Give the mask its own texture ::before (.notch-masked in textures.ts)
and make the element span the grid cell, clipped down to the inset
strip with clip-path — background-size cover/contain resolves against
the element box, so the full-cell box is what keeps the mask's tiles
aligned with the viewer's at the seam. clip-path also clips
hit-testing, so the click target stays the inset strip only.

Verified on a Xiaomi 13: the strip now renders the texture with a
pixel-continuous seam (row-to-row MAE at the boundary dropped from
11913 to 230, the level of ordinary texture rows), and
elementsFromPoint confirms the notch is hit-testable only inside the
strip.

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

2026-06-12 17:39:17 +02:00

..

fonts.ts

feat(sync): cross-device custom font sync (#4077)

2026-05-07 08:28:44 +02:00

globals.css

fix(eink): make Custom Fonts panel readable in e-ink mode (#4454) (#4464)

2026-06-04 18:28:30 +02:00

textures.ts

fix(reader): texture the scrolled-mode top inset mask, closes #4486 (#4563)

2026-06-12 17:39:17 +02:00

themes.ts

chore: bump next.js to the latest version (#3106)

2026-01-29 12:29:17 +01:00