mirror of
https://github.com/stablyai/orca.git
synced 2026-11-15 02:17:31 +00:00
Neilandzhangxaochen
720f45c8f7
Render committed branch changes as virtualized SectionList rows for clean and dirty working trees, keeping all files accessible without delaying Back. Share the existing sleek scrollbar rules with mobile web pages and retain explicit hidden-indicator settings. Fixes #30170. Review reference: #30171; thanks to @zhangxaochen for the diagnosis and initial proposed fix. Co-authored-by: zhangxaochen <zhangxaochen@163.com>
59 lines
1.8 KiB
CSS
59 lines
1.8 KiB
CSS
/* Mobile defaults stay below explicit scroll-indicator visibility rules. */
|
|
|
|
.scrollbar-sleek,
|
|
:where([data-orca-scrollbars='sleek'] *) {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: color-mix(in srgb, var(--muted-foreground, #737373) 34%, transparent) transparent;
|
|
}
|
|
|
|
.scrollbar-sleek::-webkit-scrollbar,
|
|
:where([data-orca-scrollbars='sleek'] *)::-webkit-scrollbar {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
.scrollbar-sleek::-webkit-scrollbar-track,
|
|
:where([data-orca-scrollbars='sleek'] *)::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
.scrollbar-sleek::-webkit-scrollbar-thumb,
|
|
:where([data-orca-scrollbars='sleek'] *)::-webkit-scrollbar-thumb {
|
|
background: color-mix(in srgb, var(--muted-foreground, #737373) 28%, transparent);
|
|
border: 3px solid transparent;
|
|
border-radius: 0;
|
|
background-clip: padding-box;
|
|
min-height: 28px;
|
|
}
|
|
|
|
/* Thicker variant for dense data tables where the default 6px-thumb is hard to grab. */
|
|
.scrollbar-sleek-lg {
|
|
scrollbar-width: auto;
|
|
}
|
|
|
|
.scrollbar-sleek-lg::-webkit-scrollbar {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.scrollbar-sleek-lg::-webkit-scrollbar-thumb {
|
|
border-width: 3px;
|
|
min-height: 36px;
|
|
}
|
|
|
|
.scrollbar-sleek::-webkit-scrollbar-thumb:hover,
|
|
:where([data-orca-scrollbars='sleek'] *)::-webkit-scrollbar-thumb:hover {
|
|
background-color: color-mix(in srgb, var(--muted-foreground, #737373) 48%, transparent);
|
|
}
|
|
|
|
.scrollbar-sleek::-webkit-scrollbar-thumb:active,
|
|
:where([data-orca-scrollbars='sleek'] *)::-webkit-scrollbar-thumb:active {
|
|
background-color: color-mix(in srgb, var(--foreground, #171717) 36%, transparent);
|
|
}
|
|
|
|
.scrollbar-sleek-parent:hover .scrollbar-sleek,
|
|
.scrollbar-sleek:hover,
|
|
:where([data-orca-scrollbars='sleek'] *:hover) {
|
|
scrollbar-color: color-mix(in srgb, var(--muted-foreground, #737373) 48%, transparent) transparent;
|
|
}
|