Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-04 20:00:00 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Fix scrollbar interaction in windowed mode by increasing width and adding spacing

Browse Source 
Co-authored-by: DeJeune <67425183+DeJeune@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot] 2025-10-23 06:21:23 +00:00
parent 6fb36d4887
commit 9f1fa314bd
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/src/assets/styles/scrollbar.css
View File

@ -7,9 +7,10 @@
--color-scrollbar-thumb: var(--color-scrollbar-thumb-dark); --color-scrollbar-thumb: var(--color-scrollbar-thumb-dark);
--color-scrollbar-thumb-hover: var(--color-scrollbar-thumb-dark-hover); --color-scrollbar-thumb-hover: var(--color-scrollbar-thumb-dark-hover);
--scrollbar-width: 6px; --scrollbar-width: 10px;
--scrollbar-height: 6px; --scrollbar-height: 6px;
--scrollbar-thumb-radius: 10px; --scrollbar-thumb-radius: 10px;
--scrollbar-thumb-width: 6px;
} }
body[theme-mode='light'] { body[theme-mode='light'] {
@ -31,6 +32,9 @@ body[theme-mode='light'] {
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: var(--scrollbar-thumb-radius); border-radius: var(--scrollbar-thumb-radius);
background: var(--color-scrollbar-thumb); background: var(--color-scrollbar-thumb);
/* Add transparent border to create space from window edge */
border-right: 2px solid transparent;
background-clip: padding-box;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
@ -73,6 +77,9 @@ pre:not(.shiki)::-webkit-scrollbar-thumb:hover {
.rc-virtual-list-scrollbar-thumb { .rc-virtual-list-scrollbar-thumb {
border-radius: var(--scrollbar-thumb-radius) !important; border-radius: var(--scrollbar-thumb-radius) !important;
background: var(--color-scrollbar-thumb) !important; background: var(--color-scrollbar-thumb) !important;
/* Add transparent border to create space from window edge */
border-right: 2px solid transparent !important;
background-clip: padding-box !important;
} }
.rc-virtual-list-scrollbar-thumb:hover { .rc-virtual-list-scrollbar-thumb:hover {