rubiline
/
Glitch-Shrike
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Fix collapsable column borders in Safari and improve Safari scrollbars 

Port 7d4b602cb2 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
shrike
Michael Stanclift 2024-08-13 16:54:03 -05:00 committed by Claire
parent bf0129968e
commit cf96857038
2 changed files with 15 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4747,10 +4747,19 @@ a.status-card {
opacity: 1; opacity: 1;
z-index: 1; z-index: 1;
position: relative; position: relative;
border-left: 1px solid var(--background-border-color);
border-right: 1px solid var(--background-border-color);
border-bottom: 1px solid var(--background-border-color);
@media screen and (max-width: $no-gap-breakpoint) {
border-left: 0;
border-right: 0;
}
&.collapsed { &.collapsed {
max-height: 0; max-height: 0;
opacity: 0.5; opacity: 0.5;
border-bottom: 0;
} }
&.animating { &.animating {
@ -4777,13 +4786,7 @@ a.status-card {
} }
.column-header__collapsible-inner { .column-header__collapsible-inner {
border: 1px solid var(--background-border-color);
border-top: 0; border-top: 0;
@media screen and (max-width: $no-gap-breakpoint) {
border-left: 0;
border-right: 0;
}
} }
.column-header__setting-btn { .column-header__setting-btn {

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

@ -54,40 +54,21 @@ table {
} }
html { html {
scrollbar-color: lighten($ui-base-color, 4%) rgba($base-overlay-background, 0.1); scrollbar-color: var(--background-border-color);
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 12px; width: 4px;
height: 12px; height: 4px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: lighten($ui-base-color, 4%); background-color: $ui-highlight-color;
border: 0px none $base-border-color; opacity: .25;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: lighten($ui-base-color, 6%);
}
::-webkit-scrollbar-thumb:active {
background: lighten($ui-base-color, 4%);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
border: 0px none $base-border-color; background-color: var(--background-border-color);
border-radius: 0;
background: rgba($base-overlay-background, 0.1);
}
::-webkit-scrollbar-track:hover {
background: $ui-base-color;
}
::-webkit-scrollbar-track:active {
background: $ui-base-color;
} }
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {