Overlay scroll bar styles
This commit is contained in:
@@ -92,6 +92,7 @@
|
||||
overflow-y: hidden;
|
||||
&:hover {
|
||||
overflow-y: scroll;
|
||||
overflow-y: overlay; // overlay is not supported on ff, so keep previous statement up
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
height: 6px;
|
||||
border: $thumb-width solid rgba(0, 0, 0, 0);
|
||||
background-clip: padding-box;
|
||||
-webkit-border-radius: 7px;
|
||||
-webkit-border-radius: 10px;
|
||||
background-color: $thumb-color;
|
||||
-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
@@ -37,11 +37,12 @@
|
||||
overflow-x: hidden;
|
||||
height: inherit;
|
||||
|
||||
// Autohide scrollbar on Windows.
|
||||
// Autohide scrollbar on Windows.
|
||||
// Unfortunately must affect every platform since no way to hide just for Windows.
|
||||
overflow-y: hidden;
|
||||
&:hover {
|
||||
overflow-y: scroll;
|
||||
overflow-y: overlay; // overlay is not supported on ff, so keep previous statement up
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user