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 }" [ngTemplateOutletContext]="{ option: option }"
[ngTemplateOutlet]="optionTemplate || defaultOptionTemplate" [ngTemplateOutlet]="optionTemplate || defaultOptionTemplate"
></ng-container> ></ng-container>
<mat-icon *ngIf="chip.selected" [svgIcon]="'iqser:check'"></mat-icon>
</mat-chip> </mat-chip>
</mat-chip-list> </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; border-radius: 4px;
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
display: flex;
justify-content: space-between;
} }
::ng-deep .mat-chip-list-wrapper { ::ng-deep .mat-chip-list-wrapper {
@ -91,3 +93,7 @@ mat-chip {
pointer-events: none; pointer-events: none;
color: var(--iqser-grey-5); 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-1: #283241;
$grey-2: #f4f5f7; $grey-2: #f4f5f7;
$grey-3: #aaacb3; $grey-3: #aaacb3;
$grey-4: #e2e4e9; $grey-4: #e2e4ea;
$grey-5: #d3d5da; $grey-5: #d3d5da;
$grey-6: #f0f1f4; $grey-6: #f0f1f4;
$grey-7: #9398a0; $grey-7: #9398a0;