Fix menu buttons ellipsis

This commit is contained in:
Chocobozzz 2025-01-14 11:32:04 +01:00
parent 85969c5a67
commit e0960c53a9
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 5 additions and 5 deletions

View File

@ -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>

View File

@ -1,6 +1,6 @@
@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"
>
@ -8,14 +8,14 @@
</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 {