New class "ctdl-fatal-error" for big show-stopping banners.

The infamous "this program cannot connect to the Citadel Server" error
uses this.

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 824756b1cd42214ebaf8dd6f86814446871ab320..8395a94a5d5d73a1e8ccb298d547a4895cad4217 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -629,3 +629,12 @@ blockquote pre {
        border: none;
        font-size: 1.25em;
 }
+
+.ctdl-fatal-error {
+       background-color: DarkRed;
+       margin-left: 1em;
+       margin-right: 1em;
+       padding: 1em;
+       font-size: 2em;
+       color: White;
+}

diff --git a/webcit-ng/static/js/main.js b/webcit-ng/static/js/main.js
index f540cbb1d66bb3eecba0a72afb5b081ffe62de37..57b6744ac790850906d2631294702a4a5919e520 100644 (file)
--- a/webcit-ng/static/js/main.js
+++ b/webcit-ng/static/js/main.js
@@ -55,7 +55,7 @@ ctdl_startup = async() => {
        }
        else {
                document.getElementById("ctdl-main").innerHTML =
-                       "<div class=\"w3-panel w3-red\"><p>"
+                       "<div class=\"ctdl-fatal-error\"><p>"
                        + _("This program was unable to connect or stay connected to the Citadel server.  Please report this problem to your system administrator.")
                        + "</div>";
        }