polybjorn 2787014bde fix(layout): reserve logo image box via intrinsic dimensions (#8774) ...

* fix(layout): reserve logo image box via intrinsic dimensions

Add the SVG's intrinsic 1280x256 dimensions to the default
<img class="logo"> in header.phtml and simple.phtml. The
browser uses these to allocate a correctly-proportioned box
from HTML parse time, before CSS is applied; without them, a
cached image can render at native size for a frame on fast
back-to-back navigation. CSS still controls the rendered
height (2rem wide, 24px narrow); width auto-derives from the
intrinsic ratio.

* fix(layout): use rendered logo size for img dimensions

1280 × 256 (the SVG's intrinsic size) replicates the unstyled-frame
flash this PR aims to prevent. 160 × 32 has the same 5:1 ratio and
matches the CSS-rendered size, so the reserved box is correct both
before and after CSS applies.

---------

Co-authored-by: Bjørn A. Andersen <polybjorn@users.noreply.github.com>

2026-05-03 14:23:02 +02:00

..

aside_configure.phtml

Implement button for toggling sidebar on all views (#8201)

2025-12-04 08:48:03 +01:00

aside_feed.phtml

Improve consistency of slider behavior after submitting form (#8612)

2026-03-18 00:10:53 +01:00

aside_subscription.phtml

Implement button for toggling sidebar on all views (#8201)

2025-12-04 08:48:03 +01:00

header.phtml

fix(layout): reserve logo image box via intrinsic dimensions (#8774)

2026-05-03 14:23:02 +02:00

layout.phtml

fix: use spec-compliant no-referrer meta value (#8725)

2026-04-29 15:20:12 +02:00

nav_entries.phtml

Improved: Nav buttons as buttons (#6485)

2024-06-05 20:45:30 +02:00

nav_menu.phtml

Fix change sorting during paging (#8688)

2026-04-09 09:07:14 +02:00

simple.phtml

fix(layout): reserve logo image box via intrinsic dimensions (#8774)

2026-05-03 14:23:02 +02:00