Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-5297: Added check icon to selection && changed gray color code.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2022-09-29 16:44:31 +03:00
parent 40bc437391
commit c53da332eb
3 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/red-ui/src/app/modules/shared/components/select/select.component.html
View File

@ -23,6 +23,7 @@
[ngTemplateOutletContext]="{ option: option }"
[ngTemplateOutlet]="optionTemplate || defaultOptionTemplate"
></ng-container>
<mat-icon *ngIf="chip.selected" [svgIcon]="'iqser:check'"></mat-icon>
</mat-chip>
</mat-chip-list>

6
apps/red-ui/src/app/modules/shared/components/select/select.component.scss
View File

@ -56,6 +56,8 @@ mat-chip {
border-radius: 4px;
font-size: 13px;
font-weight: 400;
display: flex;
justify-content: space-between;
}
::ng-deep .mat-chip-list-wrapper {
@ -91,3 +93,7 @@ mat-chip {
pointer-events: none;
color: var(--iqser-grey-5);
}
mat-icon {
width: 14px;
}

2
apps/red-ui/src/assets/styles/_variables.scss
View File

@ -4,7 +4,7 @@ $black: #000;
$grey-1: #283241;
$grey-2: #f4f5f7;
$grey-3: #aaacb3;
$grey-4: #e2e4e9;
$grey-4: #e2e4ea;
$grey-5: #d3d5da;
$grey-6: #f0f1f4;
$grey-7: #9398a0;