Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-15 03:17:40 +01:00
Code Issues Releases Wiki Activity

Only show sidebar scrollbar on hover or focus

Browse Source
This commit is contained in:
squidfunk 2022-12-02 18:57:42 +01:00
parent b75c6494e6
commit b82f8a587d
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/assets/stylesheets/main/layout/_sidebar.scss
View File

@ -133,24 +133,25 @@
scrollbar-gutter: stable;
scrollbar-color: var(--md-default-fg-color--lighter) transparent;
// Sidebar scroll wrapper on hover
&:hover {
scrollbar-color: var(--md-accent-fg-color) transparent;
}
// Webkit scrollbar
&::-webkit-scrollbar {
width: px2rem(4px);
height: px2rem(4px);
}
// Webkit scrollbar thumb
&::-webkit-scrollbar-thumb {
background-color: var(--md-default-fg-color--lighter);
// Sidebar scroll wrapper on focus/hover
&:focus-within,
&:hover {
scrollbar-color: var(--md-accent-fg-color) transparent;
// Webkit scrollbar thumb on hover
&:hover {
background-color: var(--md-accent-fg-color);
// Webkit scrollbar thumb
&::-webkit-scrollbar-thumb {
background-color: var(--md-default-fg-color--lighter);
// Webkit scrollbar thumb on hover
&:hover {
background-color: var(--md-accent-fg-color);
}
}
}
}