shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

fix(sw): header field values use Dotum Regular (400)

Browse Source 
Figma text property is Dotum Regular 14 / 0.56px; the synthetic bold (700)
cut 0_Layer_Cludmark and the dimension Standard value.
This commit is contained in:
shkim4 committed 2026-10-20 17:47:50 +09:00
1 parent 6504668e85
commit 87598ab35e
2 files changed
+6 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/sw/src/theme/sw.css
+4 -1
View File
@@ -593,10 +593,13 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
/* Value: Figma Dotum Regular 14 / 0.56px (2026-10-20). The layer style is named Dotum/bold/14, but the text itself
is Regular and only looks bold through overlapping copies + outline in Figma; the browser's synthetic bold of Dotum
(700) was wider and cut 0_Layer_Cludmark / 치수 Standard / 0.25 · 1.00 (Firefox). The black text outline stays. */
.hm-sw-header__field-value { .hm-sw-header__field-value {
height: 16px; height: 16px;
overflow: hidden; overflow: hidden;
font-weight: 700; font-weight: 400;
line-height: 16px; line-height: 16px;
letter-spacing: 0.04em; letter-spacing: 0.04em;
white-space: nowrap; white-space: nowrap;
packages/sw/tests/footer-popup-viewer-refinement.browser.mjs
+2 -1
View File
@@ -93,7 +93,8 @@ check('Footer: 화면 폭 변화 keeps the 6 widths, 참고 좁은 화면 + Figm
// 2. Popup layer / color = the property window pickers (SWPopupPropertyRow); SWHeader field dropdowns stay header-only. // 2. Popup layer / color = the property window pickers (SWPopupPropertyRow); SWHeader field dropdowns stay header-only.
await goto('sw-header--overview') await goto('sw-header--overview')
const headerField = await page.locator('.hm-sw-header .hm-sw-header__field--layer').first().evaluate(e => { const c = getComputedStyle(e), v = getComputedStyle(e.querySelector('.hm-sw-header__field-value')); return [c.color, c.height, v.color, v.fontWeight].join('|') }) const headerField = await page.locator('.hm-sw-header .hm-sw-header__field--layer').first().evaluate(e => { const c = getComputedStyle(e), v = getComputedStyle(e.querySelector('.hm-sw-header__field-value')); return [c.color, c.height, v.color, v.fontWeight].join('|') })
check('Header: layer field keeps the header design (#F6F4F2, 38px, value 700)', headerField === 'rgb(246, 244, 242)|38px|rgb(246, 244, 242)|700', headerField) // 2026-10-20: field values are Dotum Regular (400), Figma text property (hover-stability.browser.mjs).
check('Header: layer field keeps the header design (#F6F4F2, 38px, value 400)', headerField === 'rgb(246, 244, 242)|38px|rgb(246, 244, 242)|400', headerField)
await goto('sw-popup--custom-content') await goto('sw-popup--custom-content')
const rowSig = loc => loc.evaluate(row => { const s = e => { const c = getComputedStyle(e); return [c.color, c.backgroundColor, c.backgroundImage.slice(0, 30), c.borderTopColor, c.height, c.fontSize, c.fontWeight, c.textShadow].join(',') }; return ['.hm-sw-property__value', '.hm-sw-property__trigger, .hm-sw-header__input', 'label'].map(q => row.querySelector(q) ? s(row.querySelector(q)) : '-').join(' / ') + ' / ' + row.querySelector('.hm-sw-property__value')?.dataset.picker }) const rowSig = loc => loc.evaluate(row => { const s = e => { const c = getComputedStyle(e); return [c.color, c.backgroundColor, c.backgroundImage.slice(0, 30), c.borderTopColor, c.height, c.fontSize, c.fontWeight, c.textShadow].join(',') }; return ['.hm-sw-property__value', '.hm-sw-property__trigger, .hm-sw-header__input', 'label'].map(q => row.querySelector(q) ? s(row.querySelector(q)) : '-').join(' / ') + ' / ' + row.querySelector('.hm-sw-property__value')?.dataset.picker })
const panelRows = page.locator('[data-popups] .hm-sw-property').nth(2) const panelRows = page.locator('[data-popups] .hm-sw-property').nth(2)