gio
/
think
mirror of https://github.com/fantasticit/think.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: custom scroll bar style

This commit is contained in:
fantasticit 2022-04-25 15:28:38 +08:00
parent 955e8a066b
commit 5985f216da
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/client/src/styles/reset.scss
View File

@ -84,9 +84,32 @@ select {
*, *,
*::before, *::before,
*::after { *::after {
transition-duration: .01ms !important; transition-duration: 0.01ms !important;
animation-duration: .01ms !important; animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;
scroll-behavior: auto !important; scroll-behavior: auto !important;
} }
} }
::-webkit-scrollbar-track {
background: transparent;
border-radius: 0;
}
::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 0.5rem;
transition: all 0.2s;
}
*:hover {
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-bg);
}
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background: transparent;
}

1
packages/client/src/styles/var.scss
View File

@ -1,4 +1,5 @@
body { body {
--border-radius: 4px; --border-radius: 4px;
--box-shadow: rgb(0 0 0 / 10%) 0 0 10px; --box-shadow: rgb(0 0 0 / 10%) 0 0 10px;
--scrollbar-bg: #dadada;
} }