From 9b79f02b66aedfdfde0343f633877a8c783e67b1 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Tue, 20 Apr 2021 13:48:56 +0200
Subject: [PATCH] OZG-531 styling loaded spinner (ohne ui test)
---
.../ui/src/lib/ui/spinner/spinner.component.html | 2 +-
.../ui/src/lib/ui/spinner/spinner.component.scss | 12 ++++++++----
.../vorgang-redirect-container.component.html | 1 +
3 files changed, 10 insertions(+), 5 deletions(-)
diff --git a/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.html b/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.html
index 239723fb59..c61aa15ce6 100644
--- a/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.html
+++ b/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.html
@@ -1,6 +1,6 @@
<div *ngIf="showSpinner" data-test-class="spinner" class="spinner" [style.padding]="padding + 'px'">
- <p *ngIf="text">{{ text }}</p>
<mat-spinner [diameter]="diameter"></mat-spinner>
+ <span *ngIf="text">{{ text }}</span>
</div>
<ng-content *ngIf="!showSpinner" data-test-class="spinner-content"></ng-content>
diff --git a/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.scss b/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.scss
index 2b2b68f49b..1dc5f6eed2 100644
--- a/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.scss
+++ b/goofy-client/libs/ui/src/lib/ui/spinner/spinner.component.scss
@@ -1,7 +1,11 @@
-mat-spinner {
- margin: auto;
+span {
+ color: #999;
+ margin-left: 8px;
}
-p {
- color: #999;
+.spinner {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: auto;
}
diff --git a/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect-container/vorgang-redirect-container.component.html b/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect-container/vorgang-redirect-container.component.html
index cb5e8fa42d..bfc96cb8b3 100644
--- a/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect-container/vorgang-redirect-container.component.html
+++ b/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-redirect-container/vorgang-redirect-container.component.html
@@ -3,6 +3,7 @@
<goofy-client-spinner data-test-id="vorgang-redirect-spinner"
[stateResource]="redirectStateResource"
[showWhileLoaded]="true"
+ [diameter]="24"
padding="0"
text="Vorgang wird weitergeleitet">
--
GitLab