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 239723fb59a472ba6dfd88f9aa684c4532abc514..c61aa15ce651b11f3f5df2b605dd96430154acf0 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 2b2b68f49baa425465f34e5b63561d9576f7ccbb..1dc5f6eed2d9fbfd0087a06ded160c8747c56636 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 cb5e8fa42d384d44a8b8078d6f1bc8e2530d3054..bfc96cb8b3b931dc9754d604188b900fe99be19b 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"> diff --git a/goofy-client/libs/vorgang-shared/src/lib/status-dot/status-dot.component.scss b/goofy-client/libs/vorgang-shared/src/lib/status-dot/status-dot.component.scss index 606ed1a9a1a8506022b243929cf4ded2c878dd57..e0ba898ee4f94ffd7d994d1780cb14a3f59f25af 100644 --- a/goofy-client/libs/vorgang-shared/src/lib/status-dot/status-dot.component.scss +++ b/goofy-client/libs/vorgang-shared/src/lib/status-dot/status-dot.component.scss @@ -11,7 +11,9 @@ margin: 0 29px; &.angenommen, - &.in_bearbeitung { + &.in_bearbeitung, + &.redirect, // TODO kann raus, wenn der redirect status auf deutsch umgestellt wurde + &.weiterleiten { background-color: mat-color($accentPalette, darker); }