Skip to content

Commit 665f3a4

Browse files
committed
MOBILE-4081 quiz: Fix timer red color
1 parent f2af5c7 commit 665f3a4

File tree

1 file changed

+10
-8
lines changed

1 file changed

+10
-8
lines changed

src/addons/mod/quiz/pages/player/player.scss

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,17 @@ $quiz-timer-iterations: 15 !default;
1313
border-bottom: 1px solid var(--stroke);
1414
}
1515

16-
core-timer .core-timer {
17-
// Make the timer go red when it's reaching 0.
18-
@for $i from 0 through $quiz-timer-iterations {
19-
&.core-timer-timeleft-#{$i} {
20-
background-color: rgba($quiz-timer-warn-color, 1 - ($i / $quiz-timer-iterations)) !important;
16+
core-timer ::ng-deep {
17+
.core-timer {
18+
// Make the timer go red when it's reaching 0.
19+
@for $i from 0 through $quiz-timer-iterations {
20+
&.core-timer-timeleft-#{$i} {
21+
background-color: rgba($quiz-timer-warn-color, 1 - ($i / $quiz-timer-iterations)) !important;
2122

22-
@if $i <= $quiz-timer-iterations / 2 {
23-
label, span, ion-icon {
24-
color: var(--white);
23+
@if $i <= $quiz-timer-iterations / 2 {
24+
label, span, ion-icon {
25+
color: var(--white);
26+
}
2527
}
2628
}
2729
}

0 commit comments

Comments
 (0)