diff --git a/docs/sw/sw-viewer-round-background-2026-10-21.md b/docs/sw/sw-viewer-round-background-2026-10-21.md new file mode 100644 index 0000000..5c1322e --- /dev/null +++ b/docs/sw/sw-viewer-round-background-2026-10-21.md @@ -0,0 +1,25 @@ +# SW Viewer — 메뉴 면 라운드 경계 · 단색 배경 (2026-10-21) + +사용자 요청으로 SW Viewer Header에 두 가지를 반영했습니다. CSS와 문서만 바꿨고 Props·Export·공개 `.d.ts`는 그대로입니다. + +## 1. 변경 + +| 항목 | 값 | +|---|---| +| 작업 Commit | `3671657` (브랜치 `fix/sw-viewer-strip-round`) | +| main 병합 | `d63a9ac` → `6b6f17c` (no-ff) | +| 승인 기준 Commit | 이 보고서와 같은 테스트 전용 Commit (`approvedMainCommit` `f26ec7c` → `6b6f17c`) | + +1. **라운드 경계:** 메뉴 면(`속성` 그룹까지)이 오른쪽 띠(상태 · 라이선스 · 최소화/닫기) 앞에서 SWHeader 객체 영역처럼 오른쪽 6px 라운드(`--hm-sw-header-object-radius`, 같은 면·테두리)로 끝나고 2px 간격 뒤에 띠가 옵니다. 띠의 첫 칸이 비어 있던 그룹 여백 + 간격 8px 위에 그립니다(1180px 미만은 4px 여백 추가). Header 바깥 모서리는 바꾸지 않았습니다. +2. **단색 배경:** `--hm-sw-viewer-background`를 그라데이션에서 Storybook 뷰어 캔버스(`--sw-story-canvas`)의 바탕색 `#0a0a0b`로 변경. Viewer Header 배경에만 적용됩니다. + +## 2. 검증 (Node 22.23.2, 증거는 저장소 밖 임시 폴더) + +| 검사 | 결과 | +|---|---| +| 계산 배경 비교(수정 전 `f26ec7c` 빌드 대비) | Viewer Header만 `rgb(10, 10, 11)`로 변경(캔버스 바탕색과 동일). Viewer 메뉴·파일명·상태 면, SWHeader(`rgb(6, 6, 6)`)·객체·창 영역, Footer, Popup 동일 | +| 오른쪽 띠 실측 경계(두 버전 × 1440/950/760) | 위·아래 모두 일치, Hover·Focus 전후 동일 | +| 1440px 버튼 위치 | 수정 전과 동일(`1006, 1360, 1398, 1436, 1566`) | +| Viewer Header 종합(Hover 노랑, 띠, 라이선스, 파일명 폭, 반응형) | 42/42 PASS | +| `check:ai-docs` · `ai-docs.check.mjs` · Public API Guard | PASS · 46/46 · 7/7 | +| `npm run build-storybook` 후 home-menu-integration · overview / overlays · Source Guard | 23/23 · 53/53, 20/20 · 94/94 PASS | diff --git a/packages/sw/tests/storybook-inventory.mjs b/packages/sw/tests/storybook-inventory.mjs index de33355..4e6a297 100644 --- a/packages/sw/tests/storybook-inventory.mjs +++ b/packages/sw/tests/storybook-inventory.mjs @@ -67,7 +67,9 @@ export const integratedChangedFiles = [ // -> f26ec7c (2026-10-21, Merge docs/sw-viewer-layer-eye: user-approved viewer layer eye-icon rule, header hover, // trailing strip, file-name width and open icon outline, caf4c32; no Story change, public .d.ts unchanged so // public-api.approved.json is kept). -export const approvedMainCommit = 'f26ec7c696c596ad01dfa01f47fa8c6e207797bd' +// -> 6b6f17c (2026-10-21, Merge fix/sw-viewer-strip-round: user-approved rounded viewer menu surface end and solid +// viewer background, 3671657; CSS and docs only, no Story change, public-api.approved.json kept). +export const approvedMainCommit = '6b6f17c1a95c19fcf0ff310e88544c0caae9e2a3' // 170a5c2: the SW/Header sidebar page of the home menu (the moved verification Stories are movedHomeMenuIds). export const homeMenuSidebarIds = ['sw-header--home-menu'] // 6cf8854 SW Footer (current IDs after retiredFooterIds), 7f42923 viewer mode, 41e963a theme inheritance.