inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-15206] apply design tokens for TaskAssignmentFilterCloudComponent (#9172)

Browse Source 
* [AAE-15295] added design tokens to PeopleCloudComponent

* [AAE-15295] re-add initials picture background

* [AAE-15294] applied design tokens for GroupCloudComponent

* [AAE-15294] replaced reference variables with theme

* [AAE-15294] applied design tokens for GroupCloudComponent

* [AAE-15206] apply design tokens for TaskAssignmentFilterCloudComponent

* [AAE-15206] add tokens for label

* [AAE-15206] replaced reference variables with theme values

* [AAE-15206] remove last remaining reference colors

* [AAE-19026] Fix app permissions (#9171)

* [AAE-15295] added design tokens to PeopleCloudComponent (#9162)

* [AAE-15295] added design tokens to PeopleCloudComponent

* [AAE-15294] separate component variables

* [AAE-15294] fix rebase

* [AAE-15294] readded background color to cloud pic

* [AAE-15294] rebase

* [AAE-15294] remove duplicate theme pick

* [AAE-15294] applied design tokens for GroupCloudComponent

* [AAE-15294] applied design tokens for GroupCloudComponent

* [AAE-15206] apply design tokens for TaskAssignmentFilterCloudComponent

* [AAE-15206] replaced reference variables with theme values

* [AAE-19026] Fix app permissions (#9171)

* [AAE-15294] separate component variables

* [AAE-15206] remove duplicate palette pick
This commit is contained in:
Wojciech Duda
2024-01-08 13:36:28 +01:00
committed by GitHub
parent 551bfeb841
commit 03647f6697
4 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
lib/core/src/lib/styles/_components-variables.scss
View File

@@ -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

1
lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
View File

@@ -18,7 +18,6 @@
</mat-icon>
</mat-chip>
<input *ngIf="!isReadonly()" matInput
#chipInput
[formControl]="searchUserCtrl"
[matAutocomplete]="auto"
[matChipInputFor]="userMultipleChipList"

6
lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
View File

@@ -1,12 +1,14 @@
<div class="adf-cloud-assignment-container">
<mat-form-field [floatLabel]="'auto'">
<mat-form-field floatLabel="auto" class="adf-task-assignment-filter-container">
<mat-select class="adf-task-assignment-filter"
placeholder="{{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}"
[(ngModel)]="assignmentType"
[attr.data-automation-id]="'adf-task-assignment-filter-select'"
(selectionChange)="onAssignmentTypeChange($event)">
<mat-option *ngFor="let assignmentType of assignmentTypeOptions"
[value]="assignmentType.value"
class="adf-task-assignment-filter-option"
[ngClass]="{'adf-task-assignment-filter-option--selected': filterOption.selected}"
[value]="assignmentType.value" #filterOption
[attr.data-automation-id]="'adf-task-assignment-filter-' + assignmentType.value">
{{ assignmentType.label | translate }}
</mat-option>

24
lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
View File

@@ -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 {