[AAE-15206] add tokens for label

Alfresco · Dec 19, 2023 · dcfbb3e · dcfbb3e
1 parent 462fb2b
commit dcfbb3e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
@@ -78,7 +78,9 @@
         --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-task-assignment-filter-option-default-color: $adf-ref-select-option-color,
-        --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary)
+        --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary),
+        --adf-task-assignment-filter-label-default-color: $adf-ref-select-field-label-color,
+        --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary)
     );
 
     // propagates SCSS variables into the CSS variables scope

diff --git a/...task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html b/...task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
@@ -1,8 +1,11 @@
 <div class="adf-cloud-assignment-container">
     <mat-form-field floatLabel="auto" class="adf-task-assignment-filter-container">
+        <mat-label class="adf-task-assignment-filter-label"
+            [ngClass]="{'adf-task-assignment-filter-label--focus': filterSelect.focused}">
+            {{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}
+        </mat-label>
         <mat-select class="adf-task-assignment-filter"
-                    placeholder="{{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}"
-                    [(ngModel)]="assignmentType"
+                    [(ngModel)]="assignmentType" #filterSelect
                     [attr.data-automation-id]="'adf-task-assignment-filter-select'"
                     (selectionChange)="onAssignmentTypeChange($event)">
             <mat-option *ngFor="let assignmentType of assignmentTypeOptions"

diff --git a/...task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss b/...task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
@@ -10,6 +10,13 @@
         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);