fix: tag remove icon

eiladin · Jan 30, 2021 · bf4c5b3 · bf4c5b3
1 parent b894efe
commit bf4c5b3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/ui/src/app/config/config-site/config-site.component.html b/ui/src/app/config/config-site/config-site.component.html
@@ -18,7 +18,7 @@
   <mat-chip-list #tagList>
     <mat-chip *ngFor="let tag of site.tags; let idx = index" [removable]="true" (removed)="removeTag(tag)">
       {{tag.value}}
-      <mat-icon matChipRemove>cancel</mat-icon>
+      <mat-icon matChipRemove><span class="iconify icon chip-remove" data-icon="mdi-close-circle" matChipRemove (click)="removeTag(tag)"></span></mat-icon>
     </mat-chip>
     <input matInput placeholder="Tags" [matChipInputFor]="tagList" (matChipInputTokenEnd)="addTag($event)" />
   </mat-chip-list>

diff --git a/ui/src/app/config/config-site/config-site.component.scss b/ui/src/app/config/config-site/config-site.component.scss
@@ -17,4 +17,13 @@
 
 .card-input > * {
     width: 100%;
+}
+
+
+.mat-chip-remove.chip-remove {
+    margin-left: 0;
+}
+
+.mat-standard-chip .mat-chip-remove.mat-icon {
+    opacity: 1.0;
 }