From b5bac2f75942c1f3bd4d2d41d564fc7c1334cea8 Mon Sep 17 00:00:00 2001 From: Peter Chapman Date: Wed, 25 Feb 2026 14:18:03 +1300 Subject: [PATCH] SF-3711 Fix incomplete draft stepper icon to appear the same other steps --- .../_draft-generation-steps-theme.scss | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/_draft-generation-steps-theme.scss b/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/_draft-generation-steps-theme.scss index cccb67e65e3..0ba220f5f4a 100644 --- a/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/_draft-generation-steps-theme.scss +++ b/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/_draft-generation-steps-theme.scss @@ -1,13 +1,12 @@ @use '@angular/material' as mat; -@use 'src/_variables' as variables; @mixin color($theme) { - $is-dark: mat.get-theme-type($theme) == dark; - - --mat-stepper-header-icon-background-color: #{mat.get-theme-color($theme, primary, if($is-dark, 30, 10))}; - --mat-stepper-header-icon-foreground-color: #{mat.get-theme-color($theme, neutral, if($is-dark, 90, 98))}; - --mat-stepper-header-edit-state-icon-background-color: #{mat.get-theme-color($theme, primary, if($is-dark, 30, 10))}; - --mat-stepper-header-edit-state-icon-foreground-color: #{mat.get-theme-color($theme, neutral, if($is-dark, 90, 98))}; + app-draft-generation-steps { + .mat-step-icon { + --mat-stepper-header-icon-background-color: var(--mat-stepper-header-selected-state-icon-background-color); + --mat-stepper-header-icon-foreground-color: var(--mat-stepper-header-selected-state-icon-foreground-color); + } + } } @mixin theme($theme) {