[eun-yeon]

개요

스크롤 막대를 전역에서 숨겨 둬서 긴 패널과 목록을 마우스로 빠르게 훑을 방법이 없던 문제. 잡고 끌 수 있는 앱 전용 오버레이 막대를 추가함

변경 내용

• 평소엔 숨어 있다가 스크롤하면 얇게(5px), 오른쪽 끝에 포인터를 대면 굵게(7px) 나타나고 0.9초 뒤 사라짐. 레이아웃 폭은 그대로
• 썸 끌기, 빈 트랙 클릭 시 한 화면 이동. macOS는 ⌥, Windows는 Shift를 누른 채 클릭하면 그 자리로 이동. 막대 위 휠은 Lenis로 넘김
• 적용 범위: 속성 패널, 레이어 목록, 설정 화면, 폰트·사운드 목록, 설정 상세 목록. 드롭다운·팝업·캔버스는 제외
• 막대 자리에는 버튼을 두지 않음. 폰트·사운드 목록은 막대를 목록 상자 바깥 여백에, 레이어 행 오른쪽 여백은 4px → 12px, 설정 화면은 카드 열과 미리보기 사이 틈에 둠
• 굵기·대기 시간·색은 --ui-scrollbar-* 토큰. 라이트는 다크와 같은 대비(평소 2.9:1)로 맞춤. 스타일은 :where()로 두어 사용자 CSS가 항상 이김
• 깊은 자손만 커져 Lenis 스크롤 한도가 낡던 경우, 막대가 크기 변화를 잡을 때 함께 다시 잼

참고

• 레이어 목록이 넘칠 때 행 오른쪽 끝을 누르면 행 선택 대신 막대가 받음
• OS의 스크롤 막대 항상 보기 설정 연동은 후속
• 분리 패널은 지금 UI에서 들어갈 수 없어 실기 미확인

검증

• type-check, lint, format 통과
• vitest 4336개 통과
• macOS 실기: 스크롤·호버·끌기·트랙 클릭, 행 버튼과 겹침 없음, 패널 열기·탭 전환 때 막대가 뜨지 않음, 라이트 대비 실측 2.84~2.93:1
• Windows 실기 확인 필요

Closes #231