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

add timer type for css override selector (#1845)

Browse Source
This commit is contained in:
Alex Christoffer Rasmussen
2025-10-30 13:15:14 +01:00
committed by GitHub
parent ee3d38fce8
commit 897210d5e3
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/timer/Timer.scss
+6 -2
View File
@@ -120,12 +120,16 @@
color: var(--timer-overtime-color-override, $timer-finished-color); color: var(--timer-overtime-color-override, $timer-finished-color);
} }
&[data-phase="warning"] { &[data-phase='warning'] {
color: var(--timer-colour, var(--timer-warning-color-override)); color: var(--timer-colour, var(--timer-warning-color-override));
} }
&[data-phase="danger"] { &[data-phase='danger'] {
color: var(--timer-colour, var(--timer-danger-color-override)); color: var(--timer-colour, var(--timer-danger-color-override));
} }
&[data-type='none'] {
transition: 1s;
opacity: 0;
}
} }
} }
apps/client/src/views/timer/Timer.tsx
+1
View File
@@ -179,6 +179,7 @@ function Timer({ customFields, projectData, isMirrored, settings, viewSettings }
<div <div
className={cx(['timer', !isPlaying && 'timer--paused', showFinished && 'timer--finished'])} className={cx(['timer', !isPlaying && 'timer--paused', showFinished && 'timer--finished'])}
style={{ fontSize: `${timerFontSize}vw` }} style={{ fontSize: `${timerFontSize}vw` }}
data-type={viewTimerType}
data-phase={time.phase} data-phase={time.phase}
> >
{display} {display}