interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix invalid margin when loader is not displayed

This commit is contained in:
Chocobozzz 2022-07-27 10:39:59 +02:00
parent 927fa4b11f
commit 3267d381f4
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/shared/shared-main/buttons/button.component.html
View File

@ -7,7 +7,7 @@
</a> </a>
<ng-template #content> <ng-template #content>
<my-loader size="sm" [loading]="loading"></my-loader> <my-loader size="sm" [ngClass]="{ displayed: loading }" [loading]="loading"></my-loader>
<my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon> <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
<span *ngIf="label" class="button-label">{{ label }}</span> <span *ngIf="label" class="button-label">{{ label }}</span>

2
client/src/app/shared/shared-main/buttons/button.component.scss
View File

@ -29,7 +29,7 @@ span[class$=-button] {
.action-button { .action-button {
width: 100%; // useful for ellipsis, allow to define a max-width on host component width: 100%; // useful for ellipsis, allow to define a max-width on host component
my-loader { my-loader.displayed {
@include margin-right(3px); @include margin-right(3px);
display: inline-flex; display: inline-flex;