cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-20 06:29:07 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor(timeline): style tweaks on status tags

Browse Source
This commit is contained in:
Carlos Valente
2025-11-16 12:15:31 +01:00
committed by Carlos Valente
parent 70ce1d5553
commit fa9695873a
2 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/timeline/Timeline.module.scss
+15 -2
View File
@@ -93,15 +93,28 @@ $timeline-color: color-mix(in srgb, transparent 60%, var(--background-color-over
&[data-status='live'] {
box-shadow: 0 0.25rem 0 0 $active-red;
.status {
color: $active-red;
padding: 0.125rem 0.25rem;
border-radius: $component-border-radius-sm;
background: $active-red;
text-transform: uppercase;
}
}
&[data-status='future'] {
.status {
color: $green-500;
padding: 0.125rem 0.25rem;
border-radius: $component-border-radius-sm;
background: $green-500;
}
}
.status {
width: fit-content;
}
.status.due {
background: $orange-600;
}
}
.delay {