Fix alert message hidden under content window (#435)

SAP · Mar 26, 2019 · f28597d · f28597d
1 parent cfa2978
commit f28597d
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/core/src/Alert.html b/core/src/Alert.html
@@ -1,8 +1,17 @@
 <div class="fd-shell__overlay fd-overlay fd-overlay--alert" aria-hiden="false">
-  <div class="fd-alert fd-alert--{alertTypeMap[settings.type]} fd-alert--dismissible" role="alert" id="j2ALl423"
-    data-cy="luigi-alert">
-    <button class="fd-alert__close close-button" on:click="fire('alertDismiss')" aria-label="Close"
-      aria-controls="j2ALl423" data-cy="luigi-alert-dismiss"></button>
+  <div
+    class="fd-alert fd-alert--{alertTypeMap[settings.type]} fd-alert--dismissible"
+    role="alert"
+    id="j2ALl423"
+    data-cy="luigi-alert"
+  >
+    <button
+      class="fd-alert__close close-button"
+      on:click="fire('alertDismiss')"
+      aria-label="Close"
+      aria-controls="j2ALl423"
+      data-cy="luigi-alert-dismiss"
+    ></button>
     {@html settings.text}
   </div>
 </div>
@@ -74,4 +83,10 @@
       }
     }
   };
-</script>
+</script>
+
+<style type="text/scss">
+  .fd-overlay--alert {
+    z-index: 1100;
+  }
+</style>