Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/components/stream/user-profile/user-profile.component.scss
View File

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

26
src/sass/_commons.scss
View File

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

2
src/sass/_variables.scss
View File

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