Add custom scroll bar styles
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
519f925155
commit
96bdea5557
|
@ -33,8 +33,7 @@
|
||||||
|
|
||||||
.sideBarShown {
|
.sideBarShown {
|
||||||
composes: sideBarCommon;
|
composes: sideBarCommon;
|
||||||
/* -1% to hide slight line tip showing in some browsers */
|
transform: translateX(0);
|
||||||
transform: translateX(-1%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sideBarHidden {
|
.sideBarHidden {
|
||||||
|
|
|
@ -2,7 +2,8 @@ html {
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -150,4 +151,18 @@ a:hover {
|
||||||
--card-background: var(--dark--card-background);
|
--card-background: var(--dark--card-background);
|
||||||
--label: var(--dark--label);
|
--label: var(--dark--label);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar {
|
||||||
|
width: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar-track {
|
||||||
|
/* box-shadow: inset 0 0 6px var(--primary-background); */
|
||||||
|
background: var(--card-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar-thumb {
|
||||||
|
background-color: var(--tertiary-background);
|
||||||
|
/* outline: 1px solid var(--primary-accent); */
|
||||||
}
|
}
|
Loading…
Reference in New Issue