hotfix/167: style negative timers (#169)

cpvalente · Jun 30, 2022 · 8ece6b1 · 8ece6b1
1 parent 3edb534
commit 8ece6b1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/client/src/features/viewers/countdown/Countdown.jsx b/client/src/features/viewers/countdown/Countdown.jsx
@@ -106,7 +106,7 @@ export default function Countdown(props) {
             </div>
           </div>
           <div className={style.status}>{runningMessage}</div>
-          <span className={`${style.countdownClock} ${standby ? style.standby : ''}`}>
+          <span className={`${style.countdownClock} ${standby ? style.standby : ''} ${time.finished ? style.finished : ''}`}>
             {formatDisplay(
               time.running ? runningTimer : runningTimer + millisToSeconds(delay),
               time.running || time.waiting

diff --git a/client/src/features/viewers/countdown/Countdown.module.scss b/client/src/features/viewers/countdown/Countdown.module.scss
@@ -105,6 +105,9 @@
       &.standby {
         opacity: 0.6;
       }
+      &.finished {
+        color: $ontime-pink-variant;
+      }
     }
   }
 }