Skip to content

fix: insight map 근거 패널 UX 정리 - #53

Merged
jeongmin1999 merged 2 commits into
mainfrom
feature/insight-map-evidence-panel-ux
Jul 4, 2026
Merged

jeongmin1999 merged 2 commits into
mainfrom
feature/insight-map-evidence-panel-ux

Conversation

@gpffh20

@gpffh20 gpffh20 commented Jul 4, 2026

Copy link
Copy Markdown
Contributor

Summary

  • 노드 클릭 시 관계 있는 개념/근거만 강조되도록, 엣지 위에 표시되던 관계 라벨 텍스트(observed_in/measures 등)를 제거
  • 근거 팝업 패널 크기를 살짝 줄이고, 색상을 검색창과 동일한 라이트 테마로 통일
  • 패널이 열릴 때 그래프 영역이 실제로 줄어드는데 SVG 크기가 갱신되지 않아 노드가 패널에 가려지던 문제를 ResizeObserver로 수정 (패널이 옆으로 밀고 들어오도록)
  • 노드 클릭 시 관계 없는 선(edge)도 색만 바뀌고 투명도는 그대로라 여전히 진하게 보이던 문제 수정 — 노드와 동일하게 관계 없는 선은 흐리게 처리

Test plan

  • tsc --noEmit 통과
  • npm run lint 통과
  • 로컬에서 인사이트맵 페이지 열어 노드 클릭 시 패널이 밀리듯 뜨고, 연결된 선/노드만 강조되는지 육안 확인

gpffh20 added 2 commits July 5, 2026 00:37
- remove relation text labels (e.g. observed_in/measures) drawn on edges
- shrink evidence panel and match search box's light theme color
- reflow graph on container resize so the panel pushes layout instead of covering nodes
Previously only stroke color/width changed on selection, so unrelated
edges stayed fully opaque and looked just as strong as highlighted ones.
@jeongmin1999
jeongmin1999 merged commit b706c21 into main Jul 4, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants