kosmos/mastodon
kosmos/mastodon
8
0
Fork 0
Code Pull Requests Activity

Harmonize persistent scrollbar styles (#31445)

Browse Source
This commit is contained in:
Michael Stanclift 2024-08-20 02:48:51 -05:00 committed by GitHub
parent 98bf2fc27c
commit 2f01f5f4ea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/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;
} }
@ -561,3 +557,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;
}

4
app/javascript/styles/mastodon/components.scss
View File

@ -7560,10 +7560,6 @@ a.status-card {
} }
} }
::-webkit-scrollbar-thumb {
border-radius: 0;
}
noscript { noscript {
text-align: center; text-align: center;

19
app/javascript/styles/mastodon/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 {