3c931873b1
All checks were successful
Deploy / deploy (push) Successful in 21s
The strip wrapped to two or three rows on narrow screens. It's now nowrap with flex: 1 1 0 pills, so all six share the row equally and shrink together instead of spilling onto a second line. Six pills can't hold full detail in 375px, so detail degrades inside the pill rather than the strip breaking: the stat drops at 1024px (the dot already carries up/down), then below 560px the name swaps to a short label — Son, Rad, Prow, SAB, Taut, Ombi. Without that swap the names ellipsised to ~23px, about two characters, which identifies nothing. The full name stays in the DOM at font-size: 0 so screen readers still announce it, and it's on the pill's title attribute. The dot and the pill itself never go, so no service is ever hidden — which was the point of the old wrapping rule. Verified one row with nothing clipped and no page overflow at 320, 375, 430, 560, 620, 700, 820, 1024, 1100 and 1400px. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| dashboard.html | ||
| login.html | ||
| settings.html | ||