[ACS-8638] - [ACC] User is able to 'select' tag chip while creating new tags in ACC (#10134)

This commit is contained in:
dominikiwanekhyland
2024-08-29 11:01:00 -04:00
committed by GitHub
parent 18d81f6307
commit f6e72f8a6f
2 changed files with 6 additions and 2 deletions
@@ -17,7 +17,7 @@
</p> </p>
<div class="adf-tags-list" [class.adf-tags-list-fixed]="!tagNameControlVisible" #tagsList> <div class="adf-tags-list" [class.adf-tags-list-fixed]="!tagNameControlVisible" #tagsList>
<mat-chip-listbox *ngIf="tags.length > 0"> <mat-chip-listbox *ngIf="tags.length > 0">
<mat-chip-option *ngFor="let tag of tags" [disableRipple]="true" [title]="tag" class="adf-tags-chip"> <mat-chip *ngFor="let tag of tags" [disableRipple]="true" [title]="tag" class="adf-tags-chip">
{{ tag }} {{ tag }}
<button <button
data-automation-id="remove-tag-button" data-automation-id="remove-tag-button"
@@ -28,7 +28,7 @@
matChipRemove> matChipRemove>
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>
</mat-chip-option> </mat-chip>
</mat-chip-listbox> </mat-chip-listbox>
</div> </div>
</div> </div>
@@ -45,6 +45,10 @@ adf-tags-creator {
margin-top: 8px; margin-top: 8px;
} }
.adf-tags-chip {
height: auto;
}
.adf-existing-tags-panel { .adf-existing-tags-panel {
border-top-left-radius: 6px; border-top-left-radius: 6px;
border-top-right-radius: 6px; border-top-right-radius: 6px;