@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user