fix(ui): truncate page tab labels

1 month ago · 964ee77bfb
1 changed files with 6 additions and 1 deletions
--- a/libs/ui/src/lib/page-tabs/page-tabs.component.html
+++ b/libs/ui/src/lib/page-tabs/page-tabs.component.html
@ -42,8 +42,13 @@

 <ng-template #tabContent let-tab>
  <ion-icon
+    class="flex-shrink-0"
    [name]="tab.iconName"
    [size]="deviceType === 'mobile' ? 'large' : 'small'"
  />
-  <div class="d-none d-sm-block ml-1" [innerHTML]="tab.label"></div>
+  <div
+    class="d-none d-sm-block ml-1 text-truncate"
+    style="max-width: 10.5rem"
+    [innerHTML]="tab.label"
+  ></div>
 </ng-template>