mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues 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>
pull/2813/head
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;
z-index: 1;
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 {
max-height: 0;
opacity: 0.5;
border-bottom: 0;
}
&.animating {
@ -4777,13 +4786,7 @@ a.status-card {
}
.column-header__collapsible-inner {
border: 1px solid var(--background-border-color);
border-top: 0;
@media screen and (max-width: $no-gap-breakpoint) {
border-left: 0;
border-right: 0;
}
}
.column-header__setting-btn {

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

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