githru / githru-vscode-ext

Lightweight but robust Githru for VSCode Extension
Apache License 2.0
50 stars 83 forks source link

폴더 간 명확한 분리에 대한 필요성 #531

Open pcwadarong opened 4 months ago

pcwadarong commented 4 months ago

목적

복잡한 폴더 구조에서, 파일 간 구분이 되지 않는 문제 해결

제안내용

가장 작은 단위의 폴더에서 파일 구조를 볼 땐 테두리 선으로 잘 나뉘어 보이지만, 부모 요소로 올라가 각 파일의 크기가 작아질수록 테두리 선이 보이지 않고, 글자가 잘리는 등의 문제가 발생합니다. 이 문제를 해결하기 위해서는

  1. 테두리의 선 굵기를 조금 더 굵게 하고, 사이즈에 상관없이 통일합니다.
  2. 파일이 차지하는 높이에 따라 제목의 표시 여부가 정해지는 것 같은데 그 디테일을 수정해야 할 것 같습니다. (이전의 이슈와 어느정도 일맥상통합니다!)
  3. 폴더를 모두 하나의 단일 색으로 표현하지 않고, 명도의 차이를 주어 표현합니다.
    • 위 방식은 5가지의 색상으로 컬러 차트를 만들거나, 현재 선택된 폴더를 제외하고 모두 그레이 스케일로 만드는 방법이 있을 것 같습니다.
    • 파워포인트 그래프에서 위 , 아래 칸을 어떤 식으로 구분하고 있는지 참고하면 도움이 될 것 같습니다.
      image
ytaek commented 4 months ago

위 컴포넌트는 File icicle tree (chart?) 라고 하는데, 말씀하신 문제점들을 태생적으로 가지고 있습니다. 좋은 포인트 지적해주셨네요.

해결점 중에서 궁금한 점이 있어서 커멘트 남깁니다.~

  1. 폴더를 모두 하나의 단일 색으로 표현하지 않고, 명도의 차이를 주어 표현합니다.
    • 위 방식은 5가지의 색상으로 컬러 차트를 만들거나, 현재 선택된 폴더를 제외하고 모두 그레이 스케일로 만드는 방법이 있을 것 같습니다.
    • 파워포인트 그래프에서 위 , 아래 칸을 어떤 식으로 구분하고 있는지 참고하면 도움이 될 것 같습니다.