Verified Commit 3267d381 authored by Chocobozzz's avatar Chocobozzz
Browse files

Fix invalid margin when loader is not displayed

parent 927fa4b1
...@@ -7,7 +7,7 @@ ...@@ -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>
......
...@@ -29,7 +29,7 @@ span[class$=-button] { ...@@ -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;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment