Skip to content

Commit 8c71864

Browse files
renemadsenclaude
andcommitted
style(workspace-theme): add DM "A) Status tags" — tag-success/warning/error
Adds workspace SCSS for `.mat-mdc-chip.tag-success`, `.tag-warning`, `.tag-error` matching the design manual's "A) Status tags" spec (`eform-style.css:2164-2188`): - success: bg color-mix(#2e7d32 14%, --md-surface), label #1b5e20 - warning: bg color-mix(#f9a825 20%, --md-surface), label #8d6e00 - error: bg color-mix(--md-alert 14%, --md-surface), label var(--md-alert) The label color is set on the nested `.mdc-evolution-chip__text-label` + `.mat-mdc-chip-action-label` selectors because the generic chip block lower in the file sets `color: var(--md-on-surface)` directly on those children — that direct rule beats a parent's `color` inheritance regardless of !important on the parent. Pairs with the plugin template change that flips /property-workers' boolean status chips to these classes + translated Yes/No. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 26475cb commit 8c71864

1 file changed

Lines changed: 39 additions & 0 deletions

File tree

eform-client/src/scss/components/_workspace-mat-overrides.scss

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -800,6 +800,45 @@ body.theme-workspace {
800800
}
801801
}
802802

803+
// =========================================================================
804+
// DM "A) Status tags" — `.tag.tag-{success|warning|error}` (eform-style.css
805+
// lines 2164-2188). Used on the medarbejdertabel boolean columns
806+
// (eForm / Ad hoc / Time / Arkiv) to show Ja / Nej. Lighter tint than
807+
// the heavy filled `.status-active` / `.status-inactive` — green/amber
808+
// background at 14-20% mix into --md-surface, darker text.
809+
// =========================================================================
810+
811+
// The generic chip block below sets `color: var(--md-on-surface)` directly
812+
// on `.mdc-evolution-chip__text-label` and `.mat-mdc-chip-action-label` —
813+
// a more specific rule than `color` inherited from `.mat-mdc-chip.tag-X`,
814+
// so the inner override paints the actual label.
815+
.mat-mdc-chip.tag-success {
816+
background-color: color-mix(in srgb, #2e7d32 14%, var(--md-surface)) !important;
817+
818+
.mdc-evolution-chip__text-label,
819+
.mat-mdc-chip-action-label {
820+
color: #1b5e20 !important;
821+
}
822+
}
823+
824+
.mat-mdc-chip.tag-warning {
825+
background-color: color-mix(in srgb, #f9a825 20%, var(--md-surface)) !important;
826+
827+
.mdc-evolution-chip__text-label,
828+
.mat-mdc-chip-action-label {
829+
color: #8d6e00 !important;
830+
}
831+
}
832+
833+
.mat-mdc-chip.tag-error {
834+
background-color: color-mix(in srgb, var(--md-alert) 14%, var(--md-surface)) !important;
835+
836+
.mdc-evolution-chip__text-label,
837+
.mat-mdc-chip-action-label {
838+
color: var(--md-alert) !important;
839+
}
840+
}
841+
803842
// =========================================================================
804843
// Chips (mat-mdc-standard-chip)
805844
// =========================================================================

0 commit comments

Comments
 (0)