fix(sw): 2026-10-21 SW design review and responsive header without More from 760px
User-approved design review (2026-10-21): - SW Header: from 760px up nothing moves into More; the five menus stay with their titles (titles and values ellipsize), file name shrinks to 96px. Open next to the logo no longer blocks field shrinking above 760px (760/768 overflow fixed, also for configured `controls` headers). Dropdown yellow ring inside the button, black seam. - Property Bar values as read-only red text; property popup "=" labels, read-only black values, per-entry hover with pointer. - Home Menu recent files (3 rows, path + name caption, empty preview), Footer + slot guide off by default, Viewer file list without icons, Storybook widths 1920-760. - Tests: old More expectations (integrated-improvement, keyboard-dismiss, footer-popup-viewer-refinement, storybook-cleanup-stage1) moved to the new rule; functional checks kept.
This commit is contained in:
1 parent
a25d2b31c5
commit
2fc1b3e108
37 files changed
+447
-211
No files matched your search
@@ -4,7 +4,6 @@ import type { ReactNode } from "react"
|
||||
import type { SWFileEntry, SWHomeMenuSectionData } from "@hm-design/sw"
|
||||
import monitorA from "./assets/home-menu/file-open-monitor-a.svg"
|
||||
import monitorB from "./assets/home-menu/file-open-monitor-b.svg"
|
||||
import previewImage from "./assets/home-menu/figma-preview-h1100.png"
|
||||
import save from "./assets/home-menu/save.svg"
|
||||
import saveHover from "./assets/home-menu/save-hover.svg"
|
||||
import saveAs from "./assets/home-menu/save-as.svg"
|
||||
@@ -89,9 +88,9 @@ export const figmaHomeMenuSections: SWHomeMenuSectionData[] = [
|
||||
|
||||
export const figmaHomeMenuItemIds = figmaHomeMenuSections.flatMap(section => section.items.map(item => item.id))
|
||||
|
||||
// Figma 최근파일 662:67331 sample rows (15) and the 2-depth preview 662:67471 (sample data only).
|
||||
// Figma 최근파일 662:67331 sample rows (15) and the 2-depth preview 662:67471 (sample data only; 2026-10-21: the preview shows the hovered file name over an empty black body).
|
||||
const recentNames = [
|
||||
["001-연결종합 계획평면도22222222.dwg", "a"], ["03.암발파공법적용도_231011.grm", "b"], ["1.배수공-일반사항_231004.dwg", "b"],
|
||||
["001-연결종합 계획평면도.dwg", "a"], ["03.암발파공법적용도_231011.grm", "b"], ["1.배수공-일반사항_231004.dwg", "b"],
|
||||
["00.시공상세도 분석 및 목차_20240416.grm"], ["0_목차.dwg"], ["001-연결종합 계획평면도22222222.dwg"], ["03.암발파공법적용도_231011.grm"],
|
||||
["001-연결종합 계획평면도22222222.dwg"], ["03.암발파공법적용도_231011.grm"], ["0_목차.dwg"], ["00.시공상세도 분석 및 목차_20240416.grm"],
|
||||
["001-연결종합 계획평면도22222222.dwg"], ["03.암발파공법적용도_231011.grm"], ["0_목차.dwg"], ["00.시공상세도 분석 및 목차_20240416.grm"],
|
||||
@@ -100,11 +99,9 @@ const monitor = { a: monitorA, b: monitorB }
|
||||
export const figmaRecentFiles: SWFileEntry[] = recentNames.map(([name, badge], index) => ({
|
||||
id: `recent-${index + 1}`,
|
||||
name,
|
||||
path: index < 2 ? "Z:\\01.기술개발센터\\04_그리미시스템\\Design..." : "Z:\\01.기술개발센터\\04_그리미시스템\\D...",
|
||||
// Full folder (the list cuts it with CSS ellipsis); the preview shows this folder + the file name (2026-10-21).
|
||||
path: "Z:\\01.기술개발센터\\04_그리미시스템\\Design\\도면",
|
||||
badge: badge ? <img src={monitor[badge]} alt="" width={37} height={32} style={{ transform: "translateY(-2px)" }} /> : undefined,
|
||||
// Figma image 918 crop inside the 310 x 244 frame.
|
||||
preview: <img src={previewImage} alt="" style={{ position: "absolute", left: "-25.97%", top: "-52.46%", width: "158.67%", height: "191.87%", maxWidth: "none", objectFit: "fill" }} />,
|
||||
previewTitle: "C:/Users/user/Desktop/H1100.DWG",
|
||||
}))
|
||||
|
||||
/** The Figma menu with the optional 최근파일 sub panel attached to the 최근파일 tile. */
|
||||
|
||||
Reference in new issue
Block a user