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

refactor: review timer styles

Browse Source
This commit is contained in:
Carlos Valente
2025-07-12 22:06:47 +02:00
committed by Carlos Valente
parent a69c5f354c
commit 7305edc398
13 changed files with 86 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/timer/Timer.scss
+4 -4
View File
@@ -101,7 +101,7 @@
.timer {
opacity: 1;
font-family: var(--timer-font, var(--font-family-override, $viewer-font-family));
color: var(--timer-colour, var(--timer-color-override, var(--phase-color)));
color: var(--timer-colour, var(--timer-color-override, $ui-white));
line-height: 0.9em;
text-align: center;
letter-spacing: 0.05em;
@@ -117,14 +117,14 @@
// use a class instead of a phase, to allow suppressing overtime style
&--finished {
color: var(--timer-overtime-color-override, $timer-finished-color);
color: var(--timer-colour, var(--timer-overtime-color-override, $timer-finished-color));
}
&[data-phase="warning"] {
color: var(--timer-warning-color-override, var(--phase-color));
color: var(--timer-colour, var(--timer-warning-color-override));
}
&[data-phase="danger"] {
color: var(--timer-danger-color-override, var(--phase-color));
color: var(--timer-colour, var(--timer-danger-color-override));
}
}
}