fix(Presenter Screen): Diff is showing incorrect values (Sofie-Automation#1491)

Author: jstarpl

packages/webui/src/client/styles/prompter.scss

@@ -289,13 +289,13 @@ body.prompter-scrollbar {
 	&.heavy-light {
 		font-weight: 600;
 
-		&.heavy {
+		&.light {
 			// color: $general-late-color;
 			background-color: #ffe900;
 			color: #000;
 		}
 
-		&.light {
+		&.heavy {
 			background-color: $general-fast-color;
 			color: #fff;
 			text-shadow: 1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000;

packages/webui/src/client/ui/ClockView/PresenterScreen.tsx

@@ -341,7 +341,9 @@ export function usePresenterScreenSubscriptions(props: PresenterScreenProps): vo
 
 	useSubscription(CorelibPubSub.segments, rundownIds, {})
 	useSubscription(CorelibPubSub.parts, rundownIds, null)
+	useSubscription(MeteorPubSub.uiParts, playlist?._id ?? null)
 	useSubscription(MeteorPubSub.uiPartInstances, playlist?.activationId ?? null)
+	useSubscription(CorelibPubSub.pieces, rundownIds, null)
 	useSubscriptions(
 		MeteorPubSub.uiShowStyleBase,
 		showStyleBaseIds.map((id) => [id])

packages/webui/src/client/ui/Prompter/OverUnderTimer.tsx

@@ -24,8 +24,8 @@ export const OverUnderTimer = withTiming<IProps, {}>()(function OverUnderTimer({
 		<span
 			style={style}
 			className={ClassNames('prompter-timing-clock heavy-light', {
-				heavy: Math.floor(overUnderClock / 1000) < 0,
-				light: Math.floor(overUnderClock / 1000) >= 0,
+				light: Math.floor(overUnderClock / 1000) < 0,
+				heavy: Math.floor(overUnderClock / 1000) >= 0,
 			})}
 		>
 			{RundownUtils.formatDiffToTimecode(overUnderClock, true, false, true, true, true, undefined, true, true)}