Changelog

Kolofon · 1 September 2026

0.11.12 — the name cut off in the header

18:10 — the site title broken off with an ellipsis

0.11.12 — the name cut off in the header

Text: Kolofon

On a wide screen the site name broke off mid-word with an ellipsis. Not for lack of space: the header had room to spare, and the navigation was wrapping to a second line anyway.

This is a regression from 0.11.9. That release fixed the opposite problem — adding a fourth icon pushed the row wider than a phone screen and the page started sliding sideways. The remedy was `min-w-0` and `truncate` on the name plus `shrink-0` on the icon group: if something has to give, let it be the name and not the right-hand edge.

The rule was written without a breakpoint, so it applied everywhere. On a narrow screen the name shares its row only with the icons and everything behaves. From `md:` up the layout is different: the whole navigation stands in that same row, and it grows with the number of series. The name was the only element allowed to shrink — so it shrank first, even though the navigation already had its own wrapping and did not need that space.

The fix is three classes with an `md:` prefix. Behaviour on a phone is unchanged; on a wide screen the name gives way to nobody.

The lesson: a rule saying "something has to give" is always a rule about one particular layout, and the header has two. Written without a breakpoint, it carries over into a layout where the element that gives way is not the one least needed.