Added possibility to close utförande verksamheter dialog when clicking outside.

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss

@@ -2,6 +2,8 @@
 @import 'variables/gutters';
 
 .footer {
+  position: relative;
+  z-index: 1;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;

apps/mina-sidor-fa/src/app/shared/components/layout/components/sidebar/sidebar.component.scss

@@ -8,6 +8,7 @@
   flex-direction: column;
   position: sticky;
   top: $msfa__navigation-height;
+  z-index: 1;
 
   &__list {
     @include msfa__reset-list;

apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.scss

@@ -3,8 +3,9 @@
 @import 'variables/gutters';
 
 .msfa {
+  position: relative;
   display: grid;
-  height: 100vh;
+  min-height: 100vh;
   grid-template-columns: 12rem 1fr;
   grid-template-rows: auto 1fr auto;
   grid-template-areas:

apps/mina-sidor-fa/src/app/shared/components/tree-nodes-selector/components/tree-nodes-selector/tree-nodes-selector.component.html

@@ -1,4 +1,5 @@
 <div class="tree-nodes-selector">
+  <div class="msfa__backdrop" *ngIf="displayPanel" (click)="closePanel()"></div>
   <div class="tree-nodes-selector__panel-wrapper">
     <button
       #togglePanelBtn

apps/mina-sidor-fa/src/app/shared/components/tree-nodes-selector/components/tree-nodes-selector/tree-nodes-selector.component.scss

@@ -5,6 +5,7 @@
 .tree-nodes-selector {
   &__panel-wrapper {
     position: relative;
+    z-index: 1;
   }
 
   &__toggle-panel-btn {
@@ -21,6 +22,7 @@
     color: var(--digi--ui--color--background--overlay--opaque);
     background-color: var(--digi--ui--color--background);
     border-color: var(--digi-form-select--border-color);
+    z-index: 1;
 
     &:focus {
       border-color: var(--digi--ui--color--focus--light);