eomsangdonandClaude Opus 5
eb30b774f8
- `docs/` 를 .gitignore 에서 빼 git 추적 대상으로 전환 (위키·완료 이력·검증 기록) - `docs/raw/PLAN.md` · `docs/raw/OWNERS.md` 를 저장소 최상위로 이동 후 .gitignore 에 등록 — 창끼리 공유하되 저장소에는 안 올리는 장부 - 살아 있는 경로 참조 7개 파일 정정 (아카이브 107건은 그때 사실이라 그대로 둠) - graphify 날짜별 산출물(`docs/wiki/graphify-out/20*/`) 제외 — `graphify update` 가 다시 만듦 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2.4 KiB
2.4 KiB
완료 이력 - B06 상단 패널 접기 손잡이 B05 하단 패널 스타일로 개선
- 완료 일자: 2026-08-02
- 기능명: B06 상단 패널 접기 손잡이 개선 및 뷰 편의성 보완
- 이관 소스:
docs/raw/PLAN.mdB06 접기 손잡이 개선 건
1. 작업 계획 및 결정 사항
- 배경:
- B06 상단 패널의 접기 손잡이를 리사이저가 덮어 손잡이를 마우스 오버하는 시점에 리사이저 hover 색상(보라색 바)이 비쳐 오작동하는 느낌을 주던 현상 해결.
- B05 하단 패널과 동일한 배치 방식으로 개선하여 사용성 통일.
- 결정 사항:
- 접기 손잡이를 패널 내부 흐름에서 제외하고, 패널 경계 바깥쪽 아래(
bottom: -24px)로 오프셋하여 배치. - 리사이저는 원래의 경계 위치(
bottom: 0)로 되돌려 z-index가 충돌하지 않도록 보정. - 손잡이가 패널 바깥으로 빠지면서 패널의 내부 높이 소모량
PANEL_CHROME_PX를 126px에서 102px로 축소. - 선택 카드 자동 스크롤 시 상단 패널과 겹쳐서 가리는 현상을 막기 위한 여백 마진 스케일을
+32px로 보정. - 횡단도 리스트 진입 시 첫 번째 측점(0+0.0)이 자동 선택되어 그래프 위 강조선과 램프가 무분별하게 화면을 가리는 현상을 방지하기 위해 진입 시 자동 측점 선택 로직 제거.
- 불필요하게 영역을 차지하던 횡단면도 제목/개수 텍스트 영역을 제거하여 본문 스크롤 영역을 극대화.
- 접기 손잡이를 패널 내부 흐름에서 제외하고, 패널 경계 바깥쪽 아래(
2. 구현 내역
ui_template/ui_template_overlay.ts:createWorkflowPanelHandle에collapseToward파라미터"left" | "right" | "up" | "down"지원 추가.placement === "bottom"일 때 위아래 펼침/접힘 방향에 맞추어 화살표(삼각형)의 회전 각도를 통일되게 보정 (up이면-90도,down이면90도 등으로 보정).
B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Section_View.ts:- 상단 패널의 손잡이 배치 및 sticky 스크롤 마진(
.style.setProperty("--b06-cross-scroll-margin", Math.round(panelPx + 32)px)) 반영. selectedStationId ??= ...라인을 제거하여 진입 시 자동 선택 차단.crossHeading제거를 통한 레이아웃 공간 확보 및 횡단 카드 외의 빈 영역 클릭 시 선택 상태 초기화 (clearSelection).
- 상단 패널의 손잡이 배치 및 sticky 스크롤 마진(
tsc --noEmit검사 및prettier적용을 완료하여 코드 정합성 유지.