shkim4
65bc134045
Deploy Storybook / deploy (push) Successful in 1m3s
Test-only approval commit after the6b6f17cmain merge (sw-test-regression- baseline section 9); no protected path changes, no Story change. - approvedMainCommitf26ec7c->6b6f17c. - public-api.approved.json kept: the public .d.ts files are byte-identical. - docs/sw/sw-viewer-round-background-2026-10-21.md: changes and verification.
2.0 KiB
2.0 KiB
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) |
- 라운드 경계: 메뉴 면(
속성그룹까지)이 오른쪽 띠(상태 · 라이선스 · 최소화/닫기) 앞에서 SWHeader 객체 영역처럼 오른쪽 6px 라운드(--hm-sw-header-object-radius, 같은 면·테두리)로 끝나고 2px 간격 뒤에 띠가 옵니다. 띠의 첫 칸이 비어 있던 그룹 여백 + 간격 8px 위에 그립니다(1180px 미만은 4px 여백 추가). Header 바깥 모서리는 바꾸지 않았습니다. - 단색 배경:
--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 |