From 46eebd4255251b84e99d01c658edb37b4c36e9c9 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Mon, 13 Sep 2021 12:06:29 +0200
Subject: [PATCH] Fixed z-index issue when saving organization

---
 .../src/app/shared/components/layout/layout.component.html   | 5 +----
 apps/mina-sidor-fa/src/styles/mixins/_backdrop.scss          | 4 ++--
 apps/mina-sidor-fa/src/styles/styles.scss                    | 3 +--
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html b/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html
index 636728e..fb25d6b 100644
--- a/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html
+++ b/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html
@@ -19,9 +19,6 @@
   <msfa-footer class="msfa__footer"></msfa-footer>
 </div>
 
-<div
-  *ngIf="(userLoading$ | async) || (rolesLoading$ | async)"
-  class="msfa__loading-wrapper msfa__loading-wrapper--full-screen"
->
+<div class="msfa__loading-wrapper msfa__loading-wrapper--full-screen">
   <digi-icon-spinner class="msfa__spinner"></digi-icon-spinner>
 </div>
diff --git a/apps/mina-sidor-fa/src/styles/mixins/_backdrop.scss b/apps/mina-sidor-fa/src/styles/mixins/_backdrop.scss
index 8fde2dd..e0e37e9 100644
--- a/apps/mina-sidor-fa/src/styles/mixins/_backdrop.scss
+++ b/apps/mina-sidor-fa/src/styles/mixins/_backdrop.scss
@@ -1,9 +1,9 @@
-@mixin msfa__backdrop() {
+@mixin msfa__backdrop($zIndex: 0) {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 0;
+  z-index: $zIndex;
   background-color: rgba(255, 255, 255, 0.4);
 }
diff --git a/apps/mina-sidor-fa/src/styles/styles.scss b/apps/mina-sidor-fa/src/styles/styles.scss
index d299404..abf4ef6 100644
--- a/apps/mina-sidor-fa/src/styles/styles.scss
+++ b/apps/mina-sidor-fa/src/styles/styles.scss
@@ -78,10 +78,9 @@ dl {
     display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 1000;
 
     &--full-screen {
-      @include msfa__backdrop;
+      @include msfa__backdrop(1000);
     }
   }
   &__spinner {