Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-06 21:35:52 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(styles): improve scrollbar visibility by adjusting opacity and background color on hover

Browse Source
This commit is contained in:
suyao 2025-03-31 21:24:39 +08:00 committed by Asurada
parent 5355ead4b9
commit cc59fc1295
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/src/assets/styles/ant.scss
View File

@ -105,8 +105,6 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 14px; width: 14px;
height: 6px; height: 6px;
background-color: transparent;
opacity: 0;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
@ -115,12 +113,11 @@
border-radius: 7px; border-radius: 7px;
background-color: var(--color-scrollbar-thumb); background-color: var(--color-scrollbar-thumb);
min-height: 50px; min-height: 50px;
transition: opacity 0.2s; transition: all 0.2s;
opacity: 0;
} }
&:hover::-webkit-scrollbar-thumb { &:hover::-webkit-scrollbar-thumb {
opacity: 1; background-color: var(--color-scrollbar-thumb);
} }
&::-webkit-scrollbar-thumb:hover { &::-webkit-scrollbar-thumb:hover {