Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-26 20:12:38 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

refactor: improve style for antd select virtual list scrollbar (#8841)

Browse Source
This commit is contained in:
one 2025-08-05 16:16:40 +08:00 committed by GitHub
parent 5569ac82da
commit a3b8c722a7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/renderer/src/assets/styles/scrollbar.scss
View File

@ -9,6 +9,7 @@
--scrollbar-width: 6px;
--scrollbar-height: 6px;
--scrollbar-thumb-radius: 10px;
}
body[theme-mode='light'] {
@ -28,7 +29,7 @@ body[theme-mode='light'] {
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
border-radius: var(--scrollbar-thumb-radius);
background: var(--color-scrollbar-thumb);
&:hover {
background: var(--color-scrollbar-thumb-hover);
@ -60,3 +61,17 @@ pre:not(.shiki)::-webkit-scrollbar-thumb {
.hide-scrollbar * {
scrollbar-width: none !important;
}
/* FIXME: antd select 启用 popupMatchSelectWidth 时，会给虚拟列表叠加一个滚动条，
* 前面的样式会被覆盖，因此在此强制统一样式。 */
.rc-virtual-list-scrollbar {
width: var(--scrollbar-width) !important;
}
.rc-virtual-list-scrollbar-thumb {
border-radius: var(--scrollbar-thumb-radius) !important;
background: var(--color-scrollbar-thumb) !important;
&:hover {
background: var(--color-scrollbar-thumb-hover) !important;
}
}