Browse Source

Improve style of read-only tags

pull/7504/head
Thomas Kaul 1 month ago
parent
commit
11866c9175
  1. 10
      libs/ui/src/lib/tags-selector/tags-selector.component.html

10
libs/ui/src/lib/tags-selector/tags-selector.component.html

@ -1,20 +1,20 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@if (readonly) { @if (readonly) {
<div class="h5" i18n>Tags</div> <div class="h5 mb-0" i18n>Tags</div>
@if ( @if (
tagsSelected().length > 0 || (tagsReadOnly && tagsReadOnly.length > 0) tagsSelected().length > 0 || (tagsReadOnly && tagsReadOnly.length > 0)
) { ) {
<mat-chip-listbox> <mat-chip-set>
@if (tagsReadOnly) { @if (tagsReadOnly) {
@for (tag of tagsReadOnly; track tag.id) { @for (tag of tagsReadOnly; track tag.id) {
<mat-chip-option disabled>{{ tag.name }}</mat-chip-option> <mat-chip>{{ tag.name }}</mat-chip>
} }
} }
@for (tag of tagsSelected(); track tag.id) { @for (tag of tagsSelected(); track tag.id) {
<mat-chip-option disabled>{{ tag.name }}</mat-chip-option> <mat-chip>{{ tag.name }}</mat-chip>
} }
</mat-chip-listbox> </mat-chip-set>
} @else { } @else {
<div></div> <div></div>
} }

Loading…
Cancel
Save