mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-20 06:28:14 -04:00
f18dcfcdac
* refactor job manager ui * huge improvements to job ui api * improve indexer errors * minor improvements * make icon bigger + improve styling * Update useJobInfo.tsx better * improve job status reporting * fix job indexer backend for ui responsiveness * attempt at debugging job.getRunning slow invalidation during indexer's walk phase * remove progress debounce, invalidate has its own throttle layer * hotfix ghost jobs * basic pause/resume * pause functionality immaculate * pause resume working for first job in group, testable on indexer phase two * WIP - refactored job manager - added better job api * fix merge issues * add throttle to job update events and correct index * improve front end job data handling * move subscription to job * wip active job indicator * minor tweak * Isolated subscriptions for job events + cleanup Co-authored-by: Brendan Allan <Brendonovich@users.noreply.github.com> Co-authored-by: Oscar Beaumont <oscar@otbeaumont.me> * mutable ctx * plz let me build rspc typesafe errors Jamie * fix merge * working job reporting * fix thumbnail text * faster tick speed * fix error --------- Co-authored-by: Brendan Allan <Brendonovich@users.noreply.github.com> Co-authored-by: Oscar Beaumont <oscar@otbeaumont.me>
47 lines
841 B
SCSS
47 lines
841 B
SCSS
:root {
|
|
--border-color: rgba(50, 51, 67, 1);
|
|
--left-amount: 29px;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--border-color: rgba(50, 51, 67, 0.192); // Use lighter color for light mode
|
|
}
|
|
}
|
|
|
|
.job-group-child {
|
|
&:last-child {
|
|
padding-bottom: 12px;
|
|
&::after {
|
|
position: absolute;
|
|
z-index: 10;
|
|
height: 32px;
|
|
top: 0px;
|
|
width: 10px;
|
|
border-left: 1px solid var(--border-color);
|
|
content: '';
|
|
left: var(--left-amount);
|
|
}
|
|
}
|
|
&::before {
|
|
position: absolute;
|
|
top: 19px;
|
|
height: 1em;
|
|
width: 18px;
|
|
border-bottom: 1px solid var(--border-color);
|
|
content: '';
|
|
display: inline-block;
|
|
left: var(--left-amount);
|
|
}
|
|
&::after {
|
|
position: absolute;
|
|
z-index: 10;
|
|
height: 100%;
|
|
top: 0;
|
|
width: 10px;
|
|
border-left: 1px solid var(--border-color);
|
|
content: '';
|
|
left: var(--left-amount);
|
|
}
|
|
}
|