Client - display scrollbar to avoid layout change
This commit is contained in:
parent
534af8218c
commit
b0369fa3c9
@ -4,6 +4,28 @@
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
overflow-y: scroll;
|
||||
scrollbar-gutter: stable both-edges;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: $scrollbar-width;
|
||||
height: $scrollbar-height;
|
||||
}
|
||||
&::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: transparent;
|
||||
border-radius: $scrollbar-radius;
|
||||
}
|
||||
&:hover {
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: var(--scroll-thumb-color);
|
||||
}
|
||||
&::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#app {
|
||||
|
@ -76,4 +76,6 @@
|
||||
--password-color-good: #acc578;
|
||||
--password-color-strong: #57c255;
|
||||
|
||||
--scroll-thumb-color: #b9bcbd;
|
||||
|
||||
}
|
@ -19,3 +19,10 @@ $default-padding: 10px;
|
||||
$default-margin: $default-padding;
|
||||
|
||||
$border-radius: 4px;
|
||||
|
||||
/*
|
||||
* === SCROLLBAR ===
|
||||
*/
|
||||
$scrollbar-height : $default-padding * .5;
|
||||
$scrollbar-width : $scrollbar-height;
|
||||
$scrollbar-radius : $default-padding;
|
Loading…
Reference in New Issue
Block a user