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 ? ( + } + > + + + ) : ( +