config_error: Change the look of the page.

Replaces the green theme with the old Zulip octopus with a plain, white
page.

(cherry picked from commit 2dff547e99)
This commit is contained in:
Mateusz Mandera 2024-03-02 23:56:28 +01:00 committed by Tim Abbott
parent 836dc9f1c9
commit 9856588b07
2 changed files with 28 additions and 13 deletions

View File

@ -5,24 +5,28 @@
{% endblock %}
{% block portico_content %}
<div class="error_page" style="padding-bottom: 60px;">
<div class="container">
<div class="row-fluid">
<img src="{{ static('images/errors/500art.svg') }}" alt=""/>
<div class="errorbox config-error">
<div class="errorcontent">
<h1 class="lead">{{ _("Configuration error") }}</h1>
<br />
<div id="config_error_page" class="flex full-page">
<div class="new-style">
<div class="pitch">
<h1>
{{ _("Configuration error") }}
</h1>
</div>
<div class="white-box">
<div class="errorbox config-error">
<div class="errorcontent">
<p>
{% block error_content %}
{% endblock %}
</p>
<p>After making your changes, remember to restart
the Zulip server.</p>
<p><a href=""> Refresh</a> to try again or <a href="/login/">click here</a> to go back to the login page.</p>
</div>
<p>After making your changes, remember to restart
the Zulip server.</p>
<p><a href=""> Refresh</a> to try again or <a href="/login/">click here</a> to go back to the login page.</p>
</div>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@ -999,6 +999,17 @@ input.new-organization-button {
}
}
#config_error_page {
.pitch {
text-align: center;
width: 100%;
}
.white-box {
max-width: 600px;
}
}
.error_page {
min-height: calc(100vh - 290px);
height: 100%;