Skip to content

[P3] Toolbar의 기존 CSS 경고 6개 정리 및 경고 증가 방지 #24

Description

@0disoft

실제 검증 결과

통합 검증 실행의 Svelte check는 오류 0, 경고 6개로 완료됐습니다. 해당 실행의 Toolbar.svelte는 기준 2e3cb0c30fe3ab909256efccc755a3aaedbaee42와 동일하며, 이번 PR #3/#8/#13에서 변경하지 않았습니다.

Toolbar.svelte에 보고된 css_unused_selector:

  • 753/754: .panel-chevron, .disclosure-chevron
  • 758/759: .tool-panel-tabs button.active .panel-chevron, .tool-disclosure[open] .disclosure-chevron
  • 1178/1179: prefers-reduced-motion 안의 .panel-chevron, .disclosure-chevron

개선안

현재 markup과 아이콘 컴포넌트의 클래스 전달을 확인해 실제 미사용 스타일은 삭제합니다. 자식 컴포넌트 내부 요소를 대상으로 의도한 스타일이라면 적절한 wrapper 또는 제한된 global selector로 바꿉니다. 이 경고만으로 아이콘 회전이 실제로 고장 났다고 단정하지는 않습니다.

전체 경고를 무시하는 compiler 설정 대신 정상 상태에서 경고를 제거하고 CI에서 새 경고가 누적되지 않도록 정책을 추가합니다.

완료 기준

  • Svelte check의 해당 경고 6개 제거
  • 패널 열림·닫힘 아이콘 및 reduced-motion 동작 확인
  • 빌드/기존 E2E 통과, 불필요한 전역 CSS 범위 확대 없음
  • 경고 억제 주석을 무분별하게 추가하지 않음

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions