fix backdrop location of sweetalert2 modals (#1997)

2020-09-28 19:22:53 +02:00
parent 6a8c820e09
commit 145116f657
9 changed files with 22 additions and 18 deletions
--- a/assets/sass/sweetalert.scss
+++ b/assets/sass/sweetalert.scss
@@ -2,11 +2,15 @@
    font-size: unset;
 }

-.swal2-container {
-    top: 95px !important;
-
+body.swal2-toast-shown .swal2-container {
    // never block the top two bars double-bars display (smaller displays)
    @media only screen and (max-width: 768px) {
+        top: 95px !important;
        width: 80%;
    }
+
+    // never block the top bar on single-bar display (larger devices)
+    @media only screen and (min-width: 768px) {
+        top: 60px !important;
+    }
 }