diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss index 6c746dd22a..ed226f0082 100644 --- a/lib/core/src/lib/styles/_components-variables.scss +++ b/lib/core/src/lib/styles/_components-variables.scss @@ -83,7 +83,12 @@ --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary), --adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text), --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text), - --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn) + --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn), + + --adf-task-assignment-filter-option-default-color: mat.get-color-from-palette($foreground, text), + --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary), + --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text), + --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary) ); // propagates SCSS variables into the CSS variables scope diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html index 29bee9e0c4..0f5d82cee5 100644 --- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html +++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html @@ -18,7 +18,6 @@ - + {{ assignmentType.label | translate }} diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss index 60a39d7795..9df37c187c 100644 --- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss +++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss @@ -1,14 +1,30 @@ .adf-cloud-assignment-container { display: flex; flex-wrap: wrap; - - mat-form-field { - width: 100%; - } } .adf-task-assignment-filter { margin-right: 10px; + + &-container { + width: 100%; + } + + &-label { + color: var(--adf-task-assignment-filter-label-default-color); + + &.adf-task-assignment-filter-label--focus { + color: var(--adf-task-assignment-filter-label-focus-color); + } + } + + &-option { + color: var(--adf-task-assignment-filter-option-default-color); + + &.adf-task-assignment-filter-option--selected:not(&:disabled) { + color: var(--adf-task-assignment-filter-option-selected-color); + } + } } .adf-group-cloud-filter {