OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects 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-gutter: stable;
scrollbar-color: var(--md-default-fg-color--lighter) transparent; 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
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: px2rem(4px); width: px2rem(4px);
height: px2rem(4px); height: px2rem(4px);
} }
// Webkit scrollbar thumb // Sidebar scroll wrapper on focus/hover
&::-webkit-scrollbar-thumb { &:focus-within,
background-color: var(--md-default-fg-color--lighter); &:hover {
scrollbar-color: var(--md-accent-fg-color) transparent;
// Webkit scrollbar thumb on hover // Webkit scrollbar thumb
&:hover { &::-webkit-scrollbar-thumb {
background-color: var(--md-accent-fg-color); background-color: var(--md-default-fg-color--lighter);
// Webkit scrollbar thumb on hover
&:hover {
background-color: var(--md-accent-fg-color);
}
} }
} }
} }