Overlay scroll bar styles

This commit is contained in:
Mo Bitar
2018-10-25 14:22:28 -05:00
parent 2664ccfcec
commit f6e62ddddc
3 changed files with 4 additions and 2 deletions

View File

@@ -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
}
}
}

View File

@@ -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);
}

View File

@@ -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
}
}