diff options
| author | Chocobozzz <me@florianbigard.com> | 2022-07-27 10:39:59 +0200 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2022-07-27 13:52:13 +0200 |
| commit | 3267d381f4fdd128b2f948670b2e2ba765145276 (patch) | |
| tree | 2f3fc4e2f76c063ec085b1b3eb7df21f4f3e2a1b | |
| parent | 927fa4b11f692174d6296aa096d7a74bacdeea8b (diff) | |
| download | PeerTube-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.html | 2 | ||||
| -rw-r--r-- | client/src/app/shared/shared-main/buttons/button.component.scss | 2 |
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; |