diff --git a/apps/client/src/features/rundown/rundown-event/RundownEvent.module.scss b/apps/client/src/features/rundown/rundown-event/RundownEvent.module.scss index 84397cfaf..8783a7bb0 100644 --- a/apps/client/src/features/rundown/rundown-event/RundownEvent.module.scss +++ b/apps/client/src/features/rundown/rundown-event/RundownEvent.module.scss @@ -7,6 +7,7 @@ $skip-opacity: 0.2; background-color: $block-bg; margin-block: 0.25rem; overflow: initial; + position: relative; display: grid; grid-template-areas: @@ -35,6 +36,10 @@ $skip-opacity: 0.2; background-color: $gray-1325; } + &.countToEnd { + --status-color-active-override: #{$orange-400}; + } + &.play { background-color: $active-green; @include declare-overrides; @@ -155,7 +160,7 @@ $skip-opacity: 0.2; align-items: center; justify-content: space-between; - .nextTag { + .warningMeta { font-size: 1rem; color: $orange-500; letter-spacing: 0.03px; diff --git a/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx b/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx index aea2c4ef2..d9aed79cd 100644 --- a/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx +++ b/apps/client/src/features/rundown/rundown-event/RundownEvent.tsx @@ -253,6 +253,7 @@ export default function RundownEvent({ const blockClasses = cx([ style.rundownEvent, + countToEnd && style.countToEnd, skip && style.skip, isPast && style.past, loaded && style.loaded, diff --git a/apps/client/src/features/rundown/rundown-event/RundownEventInner.tsx b/apps/client/src/features/rundown/rundown-event/RundownEventInner.tsx index 90f545a83..332d1d072 100644 --- a/apps/client/src/features/rundown/rundown-event/RundownEventInner.tsx +++ b/apps/client/src/features/rundown/rundown-event/RundownEventInner.tsx @@ -120,7 +120,8 @@ function RundownEventInner({
- {isNext && UP NEXT} + {isNext && UP NEXT} + {!isNext && countToEnd && COUNT TO END}