Skip to content

Windows UI redesign: Make Gallery folder names wrap before final-line ellipsis #122

Open

Description

@chammoru

한국어 — Gallery 폴더명을 줄바꿈한 뒤 마지막 줄만 … 처리

화면 시안

Gallery 폴더명을 줄바꿈한 뒤 마지막 줄만 … 처리 — Windows UI 제안

이미지를 클릭하면 크게 볼 수 있습니다. 순서도나 구현된 Windows 앱 스크린샷이 아닌 UI 화면 제안입니다. 이미지는 합성이고 수치는 설명용 예시입니다. 주변 조작 요소는 전체 계획의 맥락이며 이번 작업에서는 아래 범위만 구현합니다. 현재 빌드의 실제 변경 전·후 화면이라는 뜻이 아닙니다.

이번 작업의 목표

긴 폴더명의 앞부분을 보존하면서 카드 안에 들어가는 글자를 최대한 보여주고 끝부분만 줄입니다.

작업 묶음: #112. 전체 설계와 반드시 유지할 기존 동작: #110.

선행 작업: #121

이번에 변경할 것

  • [이름] 형태의 문자 중심 폴더 카드를 유지합니다. 폴더명은 왼쪽·위 정렬하고 [..]만 가운데 정렬합니다.

  • 카드의 사용 가능한 높이를 줄바꿈에 활용한 뒤 마지막으로 보이는 줄만 … 처리합니다. 전체 이름은 툴팁과 UIA로 제공합니다.

  • 미리보기 표시 대상, 이미지 미리보기 실패 상태, List 접근을 유지합니다. 장식용 폴더 그림을 추가하지 않습니다.

이번 작업에서 하지 않을 것

경로·드라이브 동작, 다중 선택 규칙, 디코딩·캐시 변경.

완료 조건

  • 긴 한글·영문·공백 없는 이름·혼합 문자 이름이 위쪽 잘림 없이 줄바꿈된 뒤 … 처리됩니다.

  • 표시 줄 수는 카드의 실제 높이와 텍스트 크기로 결정하며 전체에 2줄 또는 5줄 상수를 강제하지 않습니다.

  • List/Gallery와 썸네일 로딩·필터링 동작이 올바르게 유지됩니다.

먼저 함께 결정할 질문

이 카드 높이가 공간을 낭비하지 않으면서 긴 폴더명을 충분히 보여주나요?

검토 상태: 논의 대기. 구현 전에 사용자가 합의한 선택과 수정된 시안을 이 이슈에 기록합니다. 다른 작업 검토, 목업 조작, 이슈 등록은 이 작업의 승인이 아닙니다. 다음 작업으로 자동 진행하지 않습니다.

구현·검증 규칙

Windows MFC Viewer/Comparator만 대상입니다. #110과 AGENTS.md를 따르고 최신 origin/master에서 해당 작업용 브랜치를 시작합니다. 관계없는 변경은 보존하고 기존 명령·렌더링 경로를 재사용합니다. 영향을 받는 실제 앱 작업 흐름을 검증하고 공통 코드 또는 릴리즈에 민감한 변경에는 관련 로컬 핵심 테스트·빌드를 실행합니다. 실패는 수정하고 해당 검사를 반복한 뒤 PR/커밋, 실제 증거와 한계를 기록합니다. 목업 검사는 실제 Windows 앱 검증이 아닙니다. 이 작업은 릴리즈 태그·Store 게시·버전 증가를 승인하지 않습니다.


English original — 영어 원문 펼치기

Proposed UI screen

Folder names — proposed Windows UI

Click the image for full-size details. This is a UI screen proposal, not a flowchart or a screenshot of an implemented native build. Images are synthetic and values are illustrative. Surrounding controls are roadmap context; implement only this job's changes below. This is not a literal before/after claim about the current build.

One job, one outcome

Show as much of a long folder name as fits, preserving the beginning and truncating only the end.

Coordination epic: #112. Overall design and unchanged behavior contracts: #110.

Prerequisites: #121.

Changes in this job

  • Keep typographic [name] cards; left/top-align folder captions and center only [..].

  • Use the available card height for wrapping, then ellipsize only the last visible line; expose the full name to tooltip/UIA.

  • Retain preview eligibility, unavailable-image previews and List access; do not add decorative folder art.

Explicitly outside this job

Path/drive behavior, multi-selection rules or decoding/cache changes.

Done when

  • Long Korean/English/unbroken/mixed-script names wrap before ellipsis without top clipping.

  • Line capacity follows actual card height and text scale, not a global two/five-line constant.

  • List/Gallery and thumbnail loading/filtering behavior remain correct.

Discuss this screen first

Does this card height show enough of your long folder names without wasting space?

Review status: awaiting discussion. Record the user's agreed choices and any revised picture before implementing this job. Reviewing another job, interacting with the mockup, or registering this issue does not approve this one. Do not automatically proceed to the next job.

Implementation and verification rules

Windows MFC Viewer/Comparator only. Follow #110 and AGENTS.md, start a focused branch from the current origin/master, preserve unrelated changes, and reuse existing command/rendering paths. Verify the affected native workflows and run the relevant local core tests/builds for shared or release-sensitive changes. Fix failures and repeat the affected checks; record PR/commit, actual evidence and limitations. Mockup checks are not native-app verification. This job does not authorize a release tag, Store publication or a version bump.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions