Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-01 08:36:37 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix scrollbar styles (#3275)

Browse Source
This commit is contained in:
hfcRed 2026-07-31 08:52:54 +02:00 committed by GitHub
parent 3df1f9ed19
commit 69ea86f3cd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
app/styles/utils.css
View File

@ -397,27 +397,31 @@
.scrollbar,
textarea {
@supports not selector(::-webkit-scrollbar) {
/* Firefox, Chrome 121+, Safari 18.2+ */
@supports (scrollbar-color: auto) {
scrollbar-width: thin;
scrollbar-color: var(--color-bg-higher) transparent;
}
&::-webkit-scrollbar,
&::-webkit-scrollbar-track {
background-color: transparent;
height: 14px;
width: 14px;
}
/* Legacy */
@supports not (scrollbar-color: auto) {
&::-webkit-scrollbar,
&::-webkit-scrollbar-track {
background-color: transparent;
height: 14px;
width: 14px;
}
&::-webkit-scrollbar-thumb {
background-color: var(--color-base-4);
border-radius: var(--radius-full);
border: 4px solid transparent;
background-clip: content-box;
}
&::-webkit-scrollbar-thumb {
background-color: var(--color-base-4);
border-radius: var(--radius-full);
border: 4px solid transparent;
background-clip: content-box;
}
&::-webkit-scrollbar-corner {
background-color: transparent;
&::-webkit-scrollbar-corner {
background-color: transparent;
}
}
}