opencode-agent[bot]
e916b99742
Co-authored-by: Aiden Cline <aidenpcline@gmail.com> Co-authored-by: Adam <2363879+adamdotdevin@users.noreply.github.com> Co-authored-by: opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> Co-authored-by: Aarav Sareen <96787824+arvsrn@users.noreply.github.com> Co-authored-by: Brendan Allan <git@brendonovich.dev> Co-authored-by: James Long <longster@gmail.com> Co-authored-by: James Long <jlongster@users.noreply.github.com> Co-authored-by: opencode-agent[bot] <219766164+opencode-agent[bot]@users.noreply.github.com> Co-authored-by: Jay <53023+jayair@users.noreply.github.com> Co-authored-by: Brendan Allan <14191578+Brendonovich@users.noreply.github.com> Co-authored-by: Luke Parker <10430890+Hona@users.noreply.github.com> Co-authored-by: Dustin Deus <deusdustin@gmail.com> Co-authored-by: Aiden Cline <63023139+rekram1-node@users.noreply.github.com> Co-authored-by: 冯基魁 <56265583+fengjikui@users.noreply.github.com> Co-authored-by: opencode <opencode@sst.dev> Co-authored-by: Frank <frank@anoma.ly> Co-authored-by: Aiden Cline <rekram1-node@users.noreply.github.com> Co-authored-by: Kit Langton <kit.langton@gmail.com> Co-authored-by: David Hill <1879069+iamdavidhill@users.noreply.github.com> Co-authored-by: usrnk1 <7547651+usrnk1@users.noreply.github.com> Co-authored-by: Victor Navarro <vn4varro@gmail.com> Co-authored-by: Dax Raad <d@ironbay.co> Co-authored-by: Dax <mail@thdxr.com> Co-authored-by: Nabs <nabil@instafork.com> Co-authored-by: Vladimir Glafirov <vglafirov@gitlab.com> Co-authored-by: AidenGeunGeun <eastlandwyvern@gmail.com> Co-authored-by: Mark <geraint0923@users.noreply.github.com> Co-authored-by: Jay <air@live.ca> Co-authored-by: BB84 <110078428+BB-84C@users.noreply.github.com>
68 lines
1.4 KiB
CSS
68 lines
1.4 KiB
CSS
.scroll-view {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.scroll-view__viewport {
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
outline: none;
|
|
}
|
|
|
|
.scroll-view__viewport::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.scroll-view__thumb {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 12px;
|
|
transition: opacity 200ms ease;
|
|
cursor: default;
|
|
user-select: none;
|
|
pointer-events: auto;
|
|
opacity: 0;
|
|
}
|
|
|
|
.scroll-view__thumb::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 4px;
|
|
border-radius: 9999px;
|
|
background-color: var(--border-weak-base);
|
|
backdrop-filter: blur(4px);
|
|
transition: background-color 150ms ease;
|
|
}
|
|
|
|
.scroll-view__thumb:hover::after,
|
|
.scroll-view__thumb[data-dragging="true"]::after {
|
|
background-color: var(--border-strong-base);
|
|
}
|
|
|
|
.dark .scroll-view__thumb::after,
|
|
[data-theme="dark"] .scroll-view__thumb::after {
|
|
background-color: var(--border-weak-base);
|
|
}
|
|
|
|
.dark .scroll-view__thumb:hover::after,
|
|
[data-theme="dark"] .scroll-view__thumb:hover::after,
|
|
.dark .scroll-view__thumb[data-dragging="true"]::after,
|
|
[data-theme="dark"] .scroll-view__thumb[data-dragging="true"]::after {
|
|
background-color: var(--border-strong-base);
|
|
}
|
|
|
|
.scroll-view__thumb[data-visible="true"] {
|
|
opacity: 1;
|
|
}
|