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

[Glitch] Harmonize persistent scrollbar styles 

Port 2f01f5f4ea to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
pull/2818/head
Michael Stanclift 2024-08-20 02:48:51 -05:00 committed by Claire
parent 4e5d85b637
commit 57c38b9156
3 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/flavours/glitch/styles/components.scss
View File

@ -8110,10 +8110,6 @@ img.modal-warning {
} }
} }
::-webkit-scrollbar-thumb {
border-radius: 0;
}
noscript { noscript {
text-align: center; text-align: center;

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

@ -1,10 +1,6 @@
// Notes! // Notes!
// Sass color functions, "darken" and "lighten" are automatically replaced. // Sass color functions, "darken" and "lighten" are automatically replaced.
html {
scrollbar-color: $ui-base-color rgba($ui-base-color, 0.25);
}
.simple_form .button.button-tertiary { .simple_form .button.button-tertiary {
color: $highlight-text-color; color: $highlight-text-color;
} }
@ -624,3 +620,14 @@ a.sparkline {
color: $dark-text-color; color: $dark-text-color;
} }
} }
@supports not selector(::-webkit-scrollbar) {
html {
scrollbar-color: rgba($action-button-color, 0.25)
var(--background-border-color);
}
}
::-webkit-scrollbar-thumb {
opacity: 0.25;
}

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

@ -53,22 +53,29 @@ table {
border-spacing: 0; border-spacing: 0;
} }
html { @supports not selector(::-webkit-scrollbar) {
scrollbar-color: var(--background-border-color); html {
scrollbar-color: $action-button-color var(--background-border-color);
scrollbar-width: thin;
}
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 4px; width: 8px;
height: 4px; height: 8px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: $ui-highlight-color; background-color: $action-button-color;
opacity: .25; border: 2px var(--background-border-color);
border-radius: 12px;
width: 6px;
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;
} }
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {