From 1ffff679918b5c3a72c8aa08303536ebcc5bb567 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=88=98=ED=98=84?= Date: Wed, 21 Oct 2026 06:08:31 +0900 Subject: [PATCH] fix(sw): keep the line style name uncut in Firefox Firefox computed the max-content of the flex line-values row 6.4px short and cut "Continuous" in the 284px field. The row is now a grid with the same tracks (name minmax(28px, auto), weight 38px, scale 38px, gap 12px); Chromium geometry and pixels are unchanged and the narrow-field ellipsis stays. --- packages/sw/src/theme/sw.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/packages/sw/src/theme/sw.css b/packages/sw/src/theme/sw.css index 316b184..56e9dec 100644 --- a/packages/sw/src/theme/sw.css +++ b/packages/sw/src/theme/sw.css @@ -635,10 +635,11 @@ .hm-sw-header__linetype { display: flex; flex: 0 0 auto; gap: 2px; } .hm-sw-header__linetype > i { display: block; width: 10px; height: 4px; border: 1px solid #000; background: #fff; } -.hm-sw-header__line-values { display: flex; gap: 12px; min-width: 0; } -/* min-width: a shrunk representative field (narrow More slot) shows an ellipsis, never a cut glyph. */ -.hm-sw-header__line-values > :first-child { flex: 0 1 auto; min-width: 28px; } -.hm-sw-header__line-values > :not(:first-child) { flex: 0 0 38px; } +/* Grid, same tracks as the former flex row (name: content width, never under 28px; 가중치 / 스케일: 38px). Firefox gave the + flex row a max-content 6.4px under its content (cutting "Continuous" in the 284px field); grid tracks size the same in + Chromium and Firefox (2026-10-20). min-width 28px: a shrunk representative field (narrow More slot) shows an ellipsis, + never a cut glyph. */ +.hm-sw-header__line-values { display: grid; grid-template-columns: minmax(28px, auto) 38px 38px; gap: 12px; min-width: 0; } .hm-sw-header__font-name { flex: 0 0 auto;