firefox scrollbar fix

This commit is contained in:
Nicolas Constant 2019-08-10 14:03:06 -04:00
parent d5e78dec0b
commit 7a54e18bf7
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 20 additions and 14 deletions

View File

@ -15,7 +15,7 @@ $floating-header-height: 60px;
position: relative; position: relative;
} }
.profile { .profile {
// overflow: auto; // overflow: auto;
height: calc(100%); height: calc(100%);
// width: $stream-column-width; // width: $stream-column-width;
@ -26,7 +26,7 @@ $floating-header-height: 60px;
transition-timing-function: ease-in; transition-timing-function: ease-in;
height: $floating-header-height; height: $floating-header-height;
width: calc(100% - 7px); width: calc(100% - #{$scroll-bar-width});
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@ -285,7 +285,7 @@ $floating-header-height: 60px;
} }
&__preparefloating { &__preparefloating {
width: calc(100% - 7px); width: calc(100% - #{$scroll-bar-width});
position: absolute; position: absolute;
top: -66px; top: -66px;
z-index: 99; z-index: 99;

View File

@ -24,25 +24,29 @@
margin: 5px auto; margin: 5px auto;
} }
$scrollbar-color: #08090d;
$scrollbar-color-thumb: lighten($color-primary, 5);
.flexcroll { .flexcroll {
scrollbar-face-color: #08090d; scrollbar-color: $scrollbar-color-thumb #0f111a;
scrollbar-shadow-color: #08090d;
scrollbar-highlight-color: #08090d; scrollbar-face-color: $scrollbar-color;
scrollbar-3dlight-color: #08090d; scrollbar-shadow-color: $scrollbar-color;
scrollbar-darkshadow-color: #08090d; scrollbar-highlight-color: $scrollbar-color;
scrollbar-track-color: #08090d; scrollbar-3dlight-color: $scrollbar-color;
scrollbar-arrow-color: #08090d; scrollbar-darkshadow-color: $scrollbar-color;
scrollbar-track-color: $scrollbar-color;
scrollbar-arrow-color: $scrollbar-color;
scrollbar-width: thin;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 7px; width: $scroll-bar-width;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
// background: #08090d; background: $scrollbar-color-thumb;
background: lighten($color-primary, 5);
// -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
} }
} }

View File

@ -24,6 +24,8 @@ $boost-color : #5098eb;
$favorite-color: #ffc16f; $favorite-color: #ffc16f;
// Block dispositions // Block dispositions
$scroll-bar-width: 8px;
$stream-selector-height: 30px; $stream-selector-height: 30px;
$stream-column-separator: 7px; $stream-column-separator: 7px;
$stream-column-width: 320px; $stream-column-width: 320px;