Skip to content

[DESIGN] URL 추가 화면 체크 상태 UI 개선 #53

Description

@kbh0218

📝 기능 설명

URL 추가 화면의 체크 상태 표시 UI를 개선합니다.

현재 URL 추가 화면에서 체크 표시가 버튼을 누를 때만 표시되어,
사용자가 현재 입력한 URL이 체크된 상태인지 아닌지 명확히 판단하기 어렵습니다.

체크가 없는 상태와 체크가 있는 상태 모두 화면에서 상시로 확인할 수 있도록 수정하여,
사용자가 URL 입력 상태를 더 직관적으로 이해할 수 있도록 개선합니다.

또한 URL 추가 화면 상단에 표시되는 체크 아이콘의 체크 표시가
정중앙에 위치하지 않아 어색하게 보이는 문제가 있어,
아이콘 내부 정렬을 함께 보정합니다.

📋 구현할 Task

  • URL 추가 화면의 현재 체크 표시 렌더링 조건을 확인했는가?
  • 체크 표시가 버튼을 누른 순간에만 보이는 원인을 확인했는가?
  • 체크가 없는 상태와 체크가 있는 상태가 모두 상시로 표시되도록 수정했는가?
  • 사용자가 현재 URL 입력 상태를 명확히 구분할 수 있도록 비활성/활성 스타일을 적용했는가?
  • URL 입력값 변경 시 체크 상태 UI가 자연스럽게 갱신되는가?
  • URL 추가 화면 상단 체크 아이콘의 내부 체크 표시가 정중앙에 오도록 정렬을 보정했는가?
  • 체크 아이콘 수정 후 화면 레이아웃이 깨지지 않는지 확인했는가?
  • 작은 화면과 일반 Android 화면에서 체크 상태 UI가 자연스럽게 표시되는지 확인했는가?
  • 기존 URL 추가 및 링크 검사 진입 흐름이 깨지지 않는지 확인했는가?

📎 우선 확인 대상

  • URL 추가 화면
    • 체크 표시가 버튼을 누를 때만 보이는 문제
    • 체크가 없는 상태와 있는 상태를 상시로 구분하기 어려운 문제
    • 상단 체크 아이콘 내부 체크 표시가 중앙에서 벗어나 보이는 문제

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions