Skip to content
Snippets Groups Projects
Commit 9b79f02b authored by OZGCloud's avatar OZGCloud
Browse files

OZG-531 styling loaded spinner (ohne ui test)

parent 8f5b1db3
No related branches found
No related tags found
No related merge requests found
<div *ngIf="showSpinner" data-test-class="spinner" class="spinner" [style.padding]="padding + 'px'"> <div *ngIf="showSpinner" data-test-class="spinner" class="spinner" [style.padding]="padding + 'px'">
<p *ngIf="text">{{ text }}</p>
<mat-spinner [diameter]="diameter"></mat-spinner> <mat-spinner [diameter]="diameter"></mat-spinner>
<span *ngIf="text">{{ text }}</span>
</div> </div>
<ng-content *ngIf="!showSpinner" data-test-class="spinner-content"></ng-content> <ng-content *ngIf="!showSpinner" data-test-class="spinner-content"></ng-content>
mat-spinner { span {
margin: auto; color: #999;
margin-left: 8px;
} }
p { .spinner {
color: #999; display: flex;
justify-content: center;
align-items: center;
margin: auto;
} }
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<goofy-client-spinner data-test-id="vorgang-redirect-spinner" <goofy-client-spinner data-test-id="vorgang-redirect-spinner"
[stateResource]="redirectStateResource" [stateResource]="redirectStateResource"
[showWhileLoaded]="true" [showWhileLoaded]="true"
[diameter]="24"
padding="0" padding="0"
text="Vorgang wird weitergeleitet"> text="Vorgang wird weitergeleitet">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment