aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2022-07-27 10:39:59 +0200
committerChocobozzz <me@florianbigard.com>2022-07-27 13:52:13 +0200
commit3267d381f4fdd128b2f948670b2e2ba765145276 (patch)
tree2f3fc4e2f76c063ec085b1b3eb7df21f4f3e2a1b
parent927fa4b11f692174d6296aa096d7a74bacdeea8b (diff)
downloadPeerTube-3267d381f4fdd128b2f948670b2e2ba765145276.tar.gz
PeerTube-3267d381f4fdd128b2f948670b2e2ba765145276.tar.zst
PeerTube-3267d381f4fdd128b2f948670b2e2ba765145276.zip
Fix invalid margin when loader is not displayed
-rw-r--r--client/src/app/shared/shared-main/buttons/button.component.html2
-rw-r--r--client/src/app/shared/shared-main/buttons/button.component.scss2
2 files changed, 2 insertions, 2 deletions
diff --git a/client/src/app/shared/shared-main/buttons/button.component.html b/client/src/app/shared/shared-main/buttons/button.component.html
index 3e3728623..bf0fb3916 100644
--- a/client/src/app/shared/shared-main/buttons/button.component.html
+++ b/client/src/app/shared/shared-main/buttons/button.component.html
@@ -7,7 +7,7 @@
7</a> 7</a>
8 8
9<ng-template #content> 9<ng-template #content>
10 <my-loader size="sm" [loading]="loading"></my-loader> 10 <my-loader size="sm" [ngClass]="{ displayed: loading }" [loading]="loading"></my-loader>
11 <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon> 11 <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
12 12
13 <span *ngIf="label" class="button-label">{{ label }}</span> 13 <span *ngIf="label" class="button-label">{{ label }}</span>
diff --git a/client/src/app/shared/shared-main/buttons/button.component.scss b/client/src/app/shared/shared-main/buttons/button.component.scss
index 611fc2094..964590e29 100644
--- a/client/src/app/shared/shared-main/buttons/button.component.scss
+++ b/client/src/app/shared/shared-main/buttons/button.component.scss
@@ -29,7 +29,7 @@ span[class$=-button] {
29.action-button { 29.action-button {
30 width: 100%; // useful for ellipsis, allow to define a max-width on host component 30 width: 100%; // useful for ellipsis, allow to define a max-width on host component
31 31
32 my-loader { 32 my-loader.displayed {
33 @include margin-right(3px); 33 @include margin-right(3px);
34 34
35 display: inline-flex; 35 display: inline-flex;