ontime/apps/client/src/features/control/message/TimerStatus.module.scss at f208f148b763f897c278f7b48c0b499f6ca41c87 - ontime - Gitea: Git with a cup of tea

cpvalente/ontime

mirror of https://github.com/cpvalente/ontime.git synced 2026-08-31 11:59:10 +00:00

Files

T

Carlos Valente f208f148b7 refactor(ui): move the timer status icons off the stage preview

The icon rail was absolutely positioned over the same box as the preview
content, so at narrow widths it collided with the render - and now that the
preview shows a real timer, it also sat under the blackout overlay. It moves
into the options column as a compact row, where it reads as editor chrome
rather than part of the stage.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011CHxSQ6nWHuyar8feieRra

2026-08-26 12:33:32 +00:00

13 lines

149 B

SCSS

Raw Blame History

 .timerStatus {
   display: flex;
   gap: 0.25rem;
 }
 .statusIcon {
   color: $gray-1000;
   &[data-active='true'] {
     color: $active-indicator;
   }
 }