fixed sweet alerts blocking major ui elements (#1517)

2020-03-06 03:02:30 +01:00
parent 9907694ef6
commit 76a6ea57a1
2 changed files with 14 additions and 2 deletions
--- a/assets/sass/sweetalert.scss
+++ b/assets/sass/sweetalert.scss
@@ -1,3 +1,15 @@
 .swal2-popup {
    font-size: unset;
-}
+}
+
+.swal2-container {
+    // never block the top two bars double-bars display (smaller displays)
+    @media only screen and (max-width: 768px) {
+        top: 110px !important;
+    }
+
+    // never block the top bar on single-bar display (larger devices)
+    @media only screen and (min-width: 768px) {
+        top: 60px !important;
+    }
+}