cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-09-08 15:59:16 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

fix(ui): restore blink and live-label feedback in message control

Browse Source 
The blink modifier in the timer preview referenced a CSS module class that
does not exist, so `style.blink` resolved to undefined and the preview never
blinked. `.blink` is a global animation class, matching how the timer view
applies it.

The "message is live" label highlight used `??` where `&&` was meant: since
`visible` is always a boolean, the active style was unreachable.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011CHxSQ6nWHuyar8feieRra
This commit is contained in:
Carlos Valente
2026-08-26 12:29:16 +00:00
parent 9806f97d27
commit 2ef966fc14
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/control/message/InputRow.tsx
+1 -1
View File
@@ -43,7 +43,7 @@ export default function InputRow(props: PropsWithChildren<InputRowProps>) {
return ( return (
<div> <div>
<label className={cx([style.label, visible ?? style.active])} htmlFor={label}> <label className={cx([style.label, visible && style.active])} htmlFor={label}>
{label} {label}
</label> </label>
<div className={style.inputItems}> <div className={style.inputItems}>
apps/client/src/features/control/message/TimerPreview.tsx
+1 -1
View File
@@ -49,7 +49,7 @@ export default function TimerPreview() {
})(); })();
const showColourOverride = main == 'Timer'; const showColourOverride = main == 'Timer';
const contentClasses = cx([blink && style.blink, blackout && style.blackout]); const contentClasses = cx([blink && 'blink', blackout && style.blackout]);
return ( return (
<div className={style.preview}> <div className={style.preview}>