CDPD-62598, KNOX-2971: Applying word wrapping in the comment and meta…

…data columns on the Token Management UI (apache#807) Change-Id: I709a50d3d7656b64c480c32ce25d7cc806d295b0
stoty · Oct 25, 2023 · e0d4f39 · e0d4f39
1 parent 82b1a4a
commit e0d4f39
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/knox-token-management-ui/token-management/app/token.management.component.html b/knox-token-management-ui/token-management/app/token.management.component.html
@@ -101,12 +101,12 @@
 
             <ng-container matColumnDef="comment">
                 <mat-header-cell *matHeaderCellDef mat-sort-header="metadata.comment" style="text-align: center; justify-content: center;">Comment</mat-header-cell>
-                <mat-cell *matCellDef="let knoxToken" style="text-align: center; justify-content: center;">{{knoxToken.metadata.comment}}</mat-cell>
+                <mat-cell *matCellDef="let knoxToken" style="text-align: center; justify-content: center; word-wrap:break-word; word-break: break-word;">{{knoxToken.metadata.comment}}</mat-cell>
             </ng-container>
 
             <ng-container matColumnDef="metadata">
                 <mat-header-cell *matHeaderCellDef style="text-align: center; justify-content: center;">Additional Metadata</mat-header-cell>
-                <mat-cell *matCellDef="let knoxToken" style="text-align: center; justify-content: center;">
+                <mat-cell *matCellDef="let knoxToken" style="text-align: center; justify-content: center; word-wrap:break-word; word-break: break-word;">
                    <ul>
                        <li *ngFor="let metadata of getCustomMetadataArray(knoxToken)">
                            {{metadata[0]}} = {{metadata[1]}}