[ACS-8275] [ACA] Angular 15 tags are not displayed correctly (#9896)

Alfresco · Jul 5, 2024 · c7a86f0 · c7a86f0
1 parent 3bd9ce5
commit c7a86f0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/...ices/src/lib/content-metadata/components/content-metadata/content-metadata.component.html b/...ices/src/lib/content-metadata/components/content-metadata/content-metadata.component.html
@@ -101,7 +101,7 @@
             </mat-expansion-panel-header>
             <div *ngIf="currentPanel.panelTitle === DefaultPanels.TAGS && !editing" class="adf-metadata-properties-tags">
                 <mat-chip-set>
-                    <mat-chip *ngFor="let tag of tags" [disableRipple]="true" data-automation-id="metadata-properties-tag-chip">{{ tag }}</mat-chip>
+                    <mat-chip *ngFor="let tag of tags" [disableRipple]="true" class="metadata-properties-tag-chip" data-automation-id="metadata-properties-tag-chip">{{ tag }}</mat-chip>
                 </mat-chip-set>
             </div>
             <div *ngIf="showEmptyTagMessage" class="adf-metadata-no-item-added">

diff --git a/...ices/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss b/...ices/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss
@@ -67,6 +67,10 @@ $panel-properties-height: 56px !default;
         #{$mat-chip} {
             background: var(--adf-metadata-buttons-background-color);
             padding: 6px;
+
+            &.metadata-properties-tag-chip {
+                overflow: hidden;
+            }
         }
 
         .adf-metadata-no-item-added {