On a phone, a repository header whose owner and name are too long for one line breaks the h1 at its flex gaps rather than inside the text. The / is left ending the first line, after the owner. The name takes the second line, and the Private tag sits alone on a third.
With a long owner too (the page's path names it, so /a-rather-long-handle.example.social/tally), the owner alone fills the first line and the / hangs at its end. The h1 is display:flex; flex-wrap:wrap in .repohead h1 (web/src/app.css), so each of avatar, owner, /, name and tag is a flex item that wraps whole.
What you expected
The / stays with the name, as owner / then name would read, and the Private tag follows the name on its line when it fits, as a long title wraps elsewhere.
Where
The web pages (web/src/lib/organisms/RepoHeader.svelte), at main 94f9477b, phone width.
chadtmiller.com/knotless
What happened
On a phone, a repository header whose owner and name are too long for one line breaks the h1 at its flex gaps rather than inside the text. The
/is left ending the first line, after the owner. The name takes the second line, and the Private tag sits alone on a third.How to see it
With a long owner too (the page's path names it, so
/a-rather-long-handle.example.social/tally), the owner alone fills the first line and the/hangs at its end. The h1 isdisplay:flex; flex-wrap:wrapin.repohead h1(web/src/app.css), so each of avatar, owner,/, name and tag is a flex item that wraps whole.What you expected
The
/stays with the name, asowner /thennamewould read, and the Private tag follows the name on its line when it fits, as a long title wraps elsewhere.Where
The web pages (web/src/lib/organisms/RepoHeader.svelte), at main 94f9477b, phone width.