update dialog markup

src/pretix/static/pretixbase/js/asynctask.js

@@ -297,11 +297,11 @@ var waitingDialog = {
         $("#loadingmodal .progress").hide();
         $("#loadingmodal .steps").hide();
         $("body").addClass("loading");
-        $("#loadingmodal").removeAttr("hidden");
+        $("#loadingmodal").removeAttr("hidden has-modal-dialog");
     },
     hide: function () {
         "use strict";
-        $("body").removeClass("loading");
+        $("body").removeClass("loading has-modal-dialog");
         $("#loadingmodal").attr("hidden", true);
     }
 };
@@ -312,10 +312,10 @@ var ajaxErrDialog = {
         $("#ajaxerr").html(c);
         $("#ajaxerr .links").html("<a class='btn btn-default ajaxerr-close'>"
                                   + gettext("Close message") + "</a>");
-        $("body").addClass("ajaxerr");
+        $("body").addClass("ajaxerr has-modal-dialog");
     },
     hide: function () {
         "use strict";
-        $("body").removeClass("ajaxerr");
+        $("body").removeClass("ajaxerr has-modal-dialog");
     }
 };

src/pretix/static/pretixbase/scss/dialogs.scss

@@ -1,4 +1,3 @@
-
 body.has-modal-dialog .container, body.has-modal-dialog #wrapper {
     -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
@@ -14,10 +13,6 @@ body.has-modal-dialog .container, body.has-modal-dialog #wrapper {
     color: $brand-primary;
 }
 
-dialog.modal-card::backdrop {
-    background: rgba(255, 255, 255, .7);
-}
-
 .modal-wrapper {
     position: fixed;
     top: 0;

src/pretix/static/pretixpresale/js/ui/sso.js

@@ -4,8 +4,6 @@ $(function () {
     var popup_window = null
     var popup_check_interval = null
 
-    $("#popupmodal").removeAttr("hidden");
-
     $("a[data-open-in-popup-window]").on("click", function (e) {
         e.preventDefault()
 
@@ -22,11 +20,13 @@ $(function () {
             "presale-popup",
             "scrollbars=yes,resizable=yes,status=yes,location=yes,toolbar=no,menubar=no,width=940,height=620,left=50,top=50"
         )
-        $("body").addClass("has-popup")
+        $("body").addClass("has-popup has-modal-dialog")
+        $("#popupmodal").removeAttr("hidden");
 
         popup_check_interval = window.setInterval(function () {
             if (popup_window.closed) {
-                $("body").removeClass("has-popup")
+                $("body").removeClass("has-popup has-modal-dialog")
+                $("#popupmodal").attr("hidden", true);
                 window.clearInterval(popup_check_interval)
             }
         }, 250)