random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Patch Fix for scrollbar colors.

Browse Source 
Complaints about not being able to see scrollbars on the light theme.
This adjusts both themes to become visible.
Adjustments may follow, along with incorporating into all supported browsers.
This commit is contained in:
Dank Gabs 2019-07-09 16:33:07 -04:00
parent e1a00a26b1
commit d9d8721655
1 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
app/javascript/styles/gabsocial/scrollbars.scss
View File

@ -2,41 +2,35 @@
// Content containers are meant to behave much differently than the mastodon default UI
// For now linking default gab colors to replace the base UI colors and formulas
html {
scrollbar-color: lighten($gab-background-container, 4%) $gab-background-container;
}
html {scrollbar-color: lighten($gab-background-container, 4%) $gab-background-container;}
::-webkit-scrollbar {
width: 12px;
height: 12px;
width: 12px;
height: 12px;
}
::-webkit-scrollbar-thumb {
background: lighten($gab-background-container, 4%);
border: none;
border: none;
background: rgba($gab-placeholder-accent, .5);
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .3);}
}
::-webkit-scrollbar-thumb:hover {
background: lighten($gab-background-container, 6%);
background: rgba($gab-placeholder-accent, .75);
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .4);}
}
::-webkit-scrollbar-thumb:active {
background: lighten($gab-background-container, 4%);
background: $gab-placeholder-accent;
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .5);}
}
::-webkit-scrollbar-track {
border: none;
background: $gab-background-container;
border: none;
background: rgba($gab-background-container, .5);
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .3);}
}
::-webkit-scrollbar-track:hover {
background: lighten($gab-background-container, 4%);
background: rgba($gab-background-container, .75);
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .4);}
}
::-webkit-scrollbar-track:active {
background: $gab-background-container;
background: $gab-background-container;
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .5);}
}
::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-corner {background: transparent;}