mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Provide option to force use of system scrollbar styling 

Port 04b7046be1 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
pull/2921/head
Michael Stanclift 2024-12-03 02:38:23 -06:00 committed by Claire
parent 14fe8c7d4b
commit 93631757b8
2 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
View File

@ -586,6 +586,13 @@ a.sparkline {
} }
} }
.notification-group--annual-report {
.notification-group__icon,
.notification-group__main .link-button {
color: var(--indigo-3);
}
}
@supports not selector(::-webkit-scrollbar) { @supports not selector(::-webkit-scrollbar) {
html { html {
scrollbar-color: rgba($action-button-color, 0.25) scrollbar-color: rgba($action-button-color, 0.25)
@ -593,13 +600,8 @@ a.sparkline {
} }
} }
::-webkit-scrollbar-thumb { .custom-scrollbars {
::-webkit-scrollbar-thumb {
opacity: 0.25; opacity: 0.25;
}
.notification-group--annual-report {
.notification-group__icon,
.notification-group__main .link-button {
color: var(--indigo-3);
} }
} }

16
app/javascript/flavours/glitch/styles/reset.scss
View File

@ -59,24 +59,26 @@ table {
} }
} }
::-webkit-scrollbar { .custom-scrollbars {
::-webkit-scrollbar {
width: 8px; width: 8px;
height: 8px; height: 8px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: $action-button-color; background-color: $action-button-color;
border: 2px var(--background-border-color); border: 2px var(--background-border-color);
border-radius: 12px; border-radius: 12px;
width: 6px; width: 6px;
box-shadow: inset 0 0 0 2px var(--background-border-color); box-shadow: inset 0 0 0 2px var(--background-border-color);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: var(--background-border-color); background-color: var(--background-border-color);
border-radius: 0px; border-radius: 0px;
} }
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: transparent; background: transparent;
}
} }