Fix menu buttons ellipsis

Chocobozzz · Jan 14, 2025 · e0960c5 · e0960c5
1 parent 85969c5
commit e0960c5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
@@ -1,7 +1,7 @@
 <ng-template #moreInfoButton>
   <div class="more-info-btn-container">
     <a
-      class="more-info-btn peertube-button-link peertube-button-icon mt-2 d-block" [ngClass]="{ 'icon-only': collapsed }"
+      class="more-info-btn peertube-button-link peertube-button-icon mt-2 d-block ellipsis" [ngClass]="{ 'icon-only': collapsed }"
       routerLink="/about" i18n-title title="More info" routerLinkActive="active"
     >
       <my-global-icon iconName="help"></my-global-icon>

diff --git a/client/src/app/shared/shared-main/buttons/button.component.html b/client/src/app/shared/shared-main/buttons/button.component.html
@@ -1,21 +1,21 @@
 @if (ptRouterLink || ptQueryParams) {
   <a
-    class="action-button"
+    class="action-button ellipsis"
     [ngClass]="classes" [ngbTooltip]="tooltip" [attr.title]="title"
     [routerLink]="ptRouterLink" [queryParams]="ptQueryParams" [queryParamsHandling]="ptQueryParamsHandling" [routerLinkActive]="ptRouterLinkActive"
   >
     <ng-container *ngTemplateOutlet="content"></ng-container>
   </a>
 } @else if (href) {
   <a
-    class="action-button"
+    class="action-button ellipsis"
     [ngClass]="classes" [ngbTooltip]="tooltip" [attr.title]="title"
     [href]="href" target="_blank"
   >
     <ng-container *ngTemplateOutlet="content"></ng-container>
   </a>
 } @else {
-  <button type="button" class="action-button" [ngClass]="classes" [disabled]="disabled" [ngbTooltip]="tooltip" [attr.title]="title">
+  <button type="button" class="action-button ellipsis" [ngClass]="classes" [disabled]="disabled" [ngbTooltip]="tooltip" [attr.title]="title">
     <ng-container *ngTemplateOutlet="content"></ng-container>
   </button>
 }
@@ -24,7 +24,7 @@
   <my-loader size="sm" [ngClass]="{ displayed: loading }" [loading]="loading"></my-loader>
   <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
 
-  <span class="button-label ellipsis" #labelContent (cdkObserveContent)="ngOnChanges()">
+  <span class="button-label" #labelContent (cdkObserveContent)="ngOnChanges()">
     @if (label) {
       {{ label }}
     } @else {