Skip to content

[FEAT] 스크롤바 사이즈 유틸리티 클래스 추가 #135

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jjangminii merged 1 commit into from
Jul 10, 2026
+5 −9
Merged

[FEAT] 스크롤바 사이즈 유틸리티 클래스 추가 #135

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 5 additions & 9 deletions packages/tailwind-config/scrollbar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,6 @@
* {
scrollbar-width: thin;
scrollbar-color: var(--color-timo-gray-600) transparent;
}

*::-webkit-scrollbar {
width: 6px;
height: 6px;
width: 8px;
height: 8px;
}
Comment on lines 1 to 4

@coderabbitai coderabbitai Bot Jul 10, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🩺 Stability & Availability | 🔴 Critical | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Description: Check if scrollbar-width/scrollbar-color are re-defined in consumer globals.css
rg -n 'scrollbar-(width|color)' --type css

Repository: Team-Timo/Timo-client

Length of output: 159

Firefox용 전역 스크롤바 선언을 다시 넣어주세요.
packages/tailwind-config/scrollbar.css:1-4에서 scrollbar-width/scrollbar-color를 제거하면 Firefox는 ::-webkit-scrollbar를 지원하지 않아 기본 스크롤바로 돌아갑니다. 전역 스타일의 호환성을 유지하려면 이 선언을 복원하거나, Firefox용 스타일을 별도로 유지해야 합니다.
참고: MDN scrollbar-width, MDN scrollbar-color

🤖 Prompt for AI Agents 
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/tailwind-config/scrollbar.css` around lines 1 - 4, Restore the
global Firefox scrollbar declarations alongside the existing
*::-webkit-scrollbar rule in scrollbar.css, using scrollbar-width and
scrollbar-color with values matching the intended scrollbar appearance; if
needed, keep Firefox-specific styling in a separate selector while preserving
cross-browser compatibility.


*::-webkit-scrollbar-track {
Expand All @@ -17,6 +12,7 @@
border-radius: 9999px;
}

*::-webkit-scrollbar-thumb:hover {
background-color: var(--color-timo-gray-700);
.scrollbar-sm::-webkit-scrollbar {
width: 4px;
height: 4px;
}
Loading