mirror of
https://github.com/penpot/penpot.git
synced 2026-10-03 09:16:15 +00:00
cc2aff6ce8
* 🐛 Fix typography sample overflow in non-Latin locales The typography sample glyph sits in a fixed 1.5rem grid column, sized for the English sample "Ag". Locales that translate it to something wider wrap it onto several lines and overflow the row: ko translates the sample as "가나다" and renders it as three stacked characters, ar as "أسلوب خط النص" and renders it as three stacked words. This affects the workspace assets panel (list row, detail panel and rename row) and the dashboard library card. Let the sample column size to its content and keep the sample on a single line. The 1.5rem minimum is preserved, so locales whose sample already fits — English and every locale that keeps "Ag" — render exactly as before. Signed-off-by: JiMyung Lee <lee.ji.myung@gmail.com> * 🐛 Keep spacing between typography sample and name Follow-up to review on the typography sample overflow fix. Letting the sample grow removed the fixed-width slack that used to separate it from the name text, so: - Dashboard library card: `.library-name-block` no longer assumes a 24px sample via a hard-coded calc; it flexes to the remaining space and the sample does not shrink. - Typography detail panel, list row and rename/advanced-edit row: add an explicit `var(--sp-xs)` gap between the sample and the name, and let the name input shrink instead of pushing the action buttons. - Libraries "Updates" tab: the sample div had no class and still wrapped per character; give it a `nowrap` class. Signed-off-by: JiMyung Lee <lee.ji.myung@gmail.com> --------- Signed-off-by: JiMyung Lee <lee.ji.myung@gmail.com> Signed-off-by: Eva Marco <eva.marco@kaleidos.net> Co-authored-by: Eva Marco <eva.marco@kaleidos.net>