style: 三栏主滚动区统一细绿色滚动条

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-09-01 19:12:24 +08:00
parent bc9a031890
commit 2159280af5

View File

@@ -1977,6 +1977,69 @@ html.dark .ssr-theme-icon--sun {
overflow-y: auto; overflow-y: auto;
} }
/* 三栏主滚动区统一细绿色可拖滚动条 */
.sidebar,
.post-detail-page,
.page-wrap,
.post-list-scroll,
.virtual-list-wrap,
.aside-panel,
.aside-drawer-body,
.widget-outline-body {
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--j13-green) 45%, var(--j13-border)) transparent;
-ms-overflow-style: auto;
}
.sidebar::-webkit-scrollbar,
.post-detail-page::-webkit-scrollbar,
.page-wrap::-webkit-scrollbar,
.post-list-scroll::-webkit-scrollbar,
.virtual-list-wrap::-webkit-scrollbar,
.aside-panel::-webkit-scrollbar,
.aside-drawer-body::-webkit-scrollbar,
.widget-outline-body::-webkit-scrollbar {
width: 8px;
}
.sidebar::-webkit-scrollbar-track,
.post-detail-page::-webkit-scrollbar-track,
.page-wrap::-webkit-scrollbar-track,
.post-list-scroll::-webkit-scrollbar-track,
.virtual-list-wrap::-webkit-scrollbar-track,
.aside-panel::-webkit-scrollbar-track,
.aside-drawer-body::-webkit-scrollbar-track,
.widget-outline-body::-webkit-scrollbar-track {
background: transparent;
}
.sidebar::-webkit-scrollbar-thumb,
.post-detail-page::-webkit-scrollbar-thumb,
.page-wrap::-webkit-scrollbar-thumb,
.post-list-scroll::-webkit-scrollbar-thumb,
.virtual-list-wrap::-webkit-scrollbar-thumb,
.aside-panel::-webkit-scrollbar-thumb,
.aside-drawer-body::-webkit-scrollbar-thumb,
.widget-outline-body::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--j13-green) 40%, var(--j13-border));
border-radius: 999px;
border: 2px solid transparent;
background-clip: padding-box;
}
.sidebar::-webkit-scrollbar-thumb:hover,
.post-detail-page::-webkit-scrollbar-thumb:hover,
.page-wrap::-webkit-scrollbar-thumb:hover,
.post-list-scroll::-webkit-scrollbar-thumb:hover,
.virtual-list-wrap::-webkit-scrollbar-thumb:hover,
.aside-panel::-webkit-scrollbar-thumb:hover,
.aside-drawer-body::-webkit-scrollbar-thumb:hover,
.widget-outline-body::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--j13-green) 65%, var(--j13-border));
background-clip: padding-box;
border: 2px solid transparent;
}
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.aside-drawer, .aside-drawer,
.sidebar-drawer { animation: none; } .sidebar-drawer { animation: none; }
@@ -2088,8 +2151,6 @@ html.dark .ssr-theme-icon--sun {
overflow-x: hidden; overflow-x: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 12px; padding: 12px;
} }
@@ -2259,17 +2320,11 @@ body:has(.admin-topbar) .ptr-indicator {
overflow: hidden; overflow: hidden;
} }
.page-wrap::-webkit-scrollbar {
display: none;
}
.virtual-list-wrap, .virtual-list-wrap,
.post-list-scroll { .post-list-scroll {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
min-height: 0; min-height: 0;
scrollbar-width: none;
-ms-overflow-style: none;
} }
/* 文档 SSR静态列表非 virtualizer absolute 行) */ /* 文档 SSR静态列表非 virtualizer absolute 行) */
@@ -2296,11 +2351,6 @@ a.post-row {
color: var(--color-text-1); color: var(--color-text-1);
} }
.virtual-list-wrap::-webkit-scrollbar,
.post-list-scroll::-webkit-scrollbar {
display: none;
}
.feed-list-footer { .feed-list-footer {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -4429,31 +4479,6 @@ a.post-title:visited {
gap: 16px; gap: 16px;
padding: 16px 20px 24px; padding: 16px 20px 24px;
background: var(--j13-bg-workspace); background: var(--j13-bg-workspace);
/* 长文需要可拖拽定位;列表页仍隐藏滚动条保持干净 */
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--j13-green) 45%, var(--j13-border)) transparent;
-ms-overflow-style: auto;
}
.post-detail-page::-webkit-scrollbar {
width: 8px;
}
.post-detail-page::-webkit-scrollbar-track {
background: transparent;
}
.post-detail-page::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--j13-green) 40%, var(--j13-border));
border-radius: 999px;
border: 2px solid transparent;
background-clip: padding-box;
}
.post-detail-page::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--j13-green) 65%, var(--j13-border));
background-clip: padding-box;
border: 2px solid transparent;
} }
.post-detail-header { .post-detail-header {