v0.36.4 — The name gets its head back
A family card was crushing its own name to make room for two labels.
Fixed
Role badges wrapped when the family name was long. They sat in the card head as siblings of the title with
nothing stopping the flex row from squeezing them, so a two-word badge such as Body text broke across two
lines and stood 42px tall against its 26px neighbour — and since the tallest item sets the head height, the
whole row lost its alignment. A badge is a label: it now never wraps and never shrinks.
Typing a fallback stack left the Generated CSS box showing the previous one. The field updated the family
and the save bar but never refreshed the preview, while picking the same stack from Common stacks did — so one
field disagreed with itself depending on how it was filled in. It now refreshes that box in place, the way
Apply to already did.
Changed
The card's state badges moved to their own row under the head. Stopping the wrap fixed the break but not the
cause: with three action buttons beside it, a name as ordinary as Poppins was still truncated to
Poppi.... Disabled, both role badges, No files and Files missing now sit together on a row below
the title.
Measured: the title goes from 132px to 353px and stops truncating. The footer keeps the 259px the
weights list needs — which putting the badges there would have taken, and nine static weights fills that by a
single pixel.
The row is only rendered when something is on it, so an ordinary family card is exactly as tall as before. Cards
carrying state grow by 34px, and a grid row still lines up because the footer is pinned with
margin-block-start: auto and the row stretches to its tallest card. Checked with a mixed grid — cards with
and without badges all measuring 182px — and in the row layout as well.