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

Merge fix/sw-property-counts-hover: property popup count hover only on the object list

Browse Source
This commit is contained in:
shkim4 committed 2026-10-21 18:06:00 +09:00
2 parents f195c932f8 17170d2be9
commit 21fe7a29c7
2 files changed
+6 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/sw/src/components/sw-header/components/SWHeaderPropertyPanel.tsx
+3 -1
View File
@@ -426,7 +426,9 @@ export function SWHeaderPropertyPanel({
) )
})} })}
{children} {children}
{selection.kind === "all" && !!selection.counts?.length && <div className="hm-sw-property__counts" aria-label="선택된 객체 종류와 개수">{selection.counts.map(item => <span key={item.id} style={{ gridColumn: item.column, gridRow: item.row }}>{item.name} {item.count}</span>)}</div>} {selection.kind === "all" && !!selection.counts?.length && <div className="hm-sw-property__counts" aria-label="선택된 객체 종류와 개수">{selection.counts.map(item => <span key={item.id} style={{ gridColumn: item.column, gridRow: item.row }}
// 2026-10-21 user request: columns 1-2 of the Figma layout are the summary (도형 · 직선 …), plain text without Hover.
data-count-summary={item.column !== undefined && item.column <= 2 ? "" : undefined}>{item.name} {item.count}</span>)}</div>}
</SWPopupFrame> </SWPopupFrame>
) )
} }
packages/sw/src/theme/sw.css
+3 -2
View File
@@ -1664,10 +1664,11 @@ div.hm-sw-header__menu-row { justify-content: space-between; gap: 8px; padding-l
.hm-sw-property__counts > span { min-height: 28px; padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,.5); font-weight: 700; } .hm-sw-property__counts > span { min-height: 28px; padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,.5); font-weight: 700; }
/* 2026-10-21 design review: each object type entry (원 1, 폴리선 10 …) changes its own text color on Hover, with the /* 2026-10-21 design review: each object type entry (원 1, 폴리선 10 …) changes its own text color on Hover, with the
SW row accent #FF5C00 (the header list row hover color). Display only: no click, selection or filter. */ SW row accent #FF5C00 (the header list row hover color). Display only: no click, selection or filter. */
.hm-sw-property__counts > span:hover { color: var(--hm-sw-header-layer-row-hover-color); } /* Only the object list (columns 3-4); the summary entries of columns 1-2 (data-count-summary) stay plain text. */
.hm-sw-property__counts > span:not([data-count-summary]):hover { color: var(--hm-sw-header-layer-row-hover-color); }
/* 2026-10-21 user request: Popup items whose color changes on Hover show the pointer (display-only entries too: no /* 2026-10-21 user request: Popup items whose color changes on Hover show the pointer (display-only entries too: no
click is added). Inputs and read-only values keep their own cursor. */ click is added). Inputs and read-only values keep their own cursor. */
:is(.hm-sw-property__tool, .hm-sw-property__close, .hm-sw-property__expand, .hm-sw-property__counts > span) { cursor: pointer; } :is(.hm-sw-property__tool, .hm-sw-property__close, .hm-sw-property__expand, .hm-sw-property__counts > span:not([data-count-summary])) { cursor: pointer; }
.hm-sw-property__group--circle .hm-sw-property__group-content { position: relative; min-height: 260px; } .hm-sw-property__group--circle .hm-sw-property__group-content { position: relative; min-height: 260px; }
.hm-sw-property__group--circle .hm-sw-property__editors { position: relative; min-height: 260px; padding-top: 260px; } .hm-sw-property__group--circle .hm-sw-property__editors { position: relative; min-height: 260px; padding-top: 260px; }
/* Shape slot (Figma 26:11932 / 26:12035): 208 x 208 at (39, 26) of the 260px shape group. Default content is /* Shape slot (Figma 26:11932 / 26:12035): 208 x 208 at (39, 26) of the 260px shape group. Default content is