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 5a159acfd..6639bccf8 100644
--- a/apps/client/src/features/rundown/rundown-event/RundownEvent.module.scss
+++ b/apps/client/src/features/rundown/rundown-event/RundownEvent.module.scss
@@ -17,7 +17,7 @@ $skip-opacity: 0.2;
'binder pb-actions estatus estatus'
'binder ... ... ...';
- grid-template-columns: $block-binder-width 3rem 1fr 3rem;
+ grid-template-columns: $block-binder-width 3rem minmax(0, 1fr) 3rem;
grid-template-rows: 0.125rem 2rem 2rem auto 0.125rem;
align-items: center;
padding-right: $block-clearance;
@@ -137,6 +137,7 @@ $skip-opacity: 0.2;
align-items: center;
gap: $block-clearance;
height: 100%;
+ min-width: 0;
}
.eventTimers.editMode:hover {
diff --git a/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.module.scss b/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.module.scss
index 1c8b144b9..7c0cf5079 100644
--- a/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.module.scss
+++ b/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.module.scss
@@ -4,10 +4,15 @@
.timerNote {
width: 1.25em;
+ flex: 0 0 1.25em;
color: $blue-500;
font-size: 1.5em;
}
+.timerNotePlaceholder {
+ visibility: hidden;
+}
+
.inactive {
color: $muted-gray;
}
diff --git a/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx b/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx
index 1fb6796eb..103f70506 100644
--- a/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx
+++ b/apps/client/src/features/rundown/time-input-flow/TimeInputFlow.tsx
@@ -21,6 +21,7 @@ interface TimeInputFlowProps {
linkStart: boolean;
delay: number;
showLabels?: boolean;
+ showWarnings?: boolean;
}
export default memo(TimeInputFlow);
@@ -33,6 +34,7 @@ function TimeInputFlow({
linkStart,
delay,
showLabels,
+ showWarnings = true,
}: TimeInputFlowProps) {
const { updateEntry, updateTimer } = useEntryActionsContext();
@@ -130,11 +132,19 @@ function TimeInputFlow({
- {warnings.length > 0 && (
- }>
-
-
- )}
+ {showWarnings &&
+ (warnings.length > 0 ? (
+ }
+ >
+
+
+ ) : (
+
+ ))}
>
);
}