Fix menu buttons ellipsis
This commit is contained in:
parent
85969c5a67
commit
e0960c53a9
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue