paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 05:53:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make 4xx and 5xx pages full screen.

Browse Source 
This makes the 4xx and 5xx pages full screen by changing the
`.error_page` div to be fixed and full screen height.
This commit is contained in:
Brock Whittaker
2017-08-08 10:32:16 -07:00
parent b782db48e1
commit be33266f83
4 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/styles/portico.css
View File

@@ -1583,7 +1583,16 @@ input.new-organization-button {
margin: 0 auto; margin: 0 auto;
} }
.portico-page.error {
padding-bottom: 0px;
}
.portico-page.error .portico-page-container {
padding: 0;
}
.error_page { .error_page {
min-height: calc(100vh - 64px);
background-color: #c9e9e0; background-color: #c9e9e0;
font-family: 'Humbug', Helvetica, Arial, sans-serif; font-family: 'Humbug', Helvetica, Arial, sans-serif;
} }

6
templates/404.html
View File

@@ -1,8 +1,9 @@
{% extends "zerver/portico.html" %} {% extends "zerver/portico.html" %}
{% block portico_content %} {% block portico_class_name %}error{% endblock %}
<div class="error_page" style="padding-bottom: 60px;"> {% block portico_content %}
<div class="error_page">
<div class="container"> <div class="container">
<div class="row-fluid"> <div class="row-fluid">
<img src="/static/images/400art.svg" alt=""/> <img src="/static/images/400art.svg" alt=""/>
@@ -17,5 +18,4 @@
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

5
templates/500.html
View File

@@ -5,9 +5,10 @@
<meta http-equiv="refresh" content="60;URL='/'"> <meta http-equiv="refresh" content="60;URL='/'">
{% endblock %} {% endblock %}
{% block portico_content %} {% block portico_class_name %}error{% endblock %}
<div class="error_page" style="padding-bottom: 60px;"> {% block portico_content %}
<div class="error_page">
<div class="container"> <div class="container">
<div class="row-fluid"> <div class="row-fluid">
<img src="/static/images/500art.svg" alt=""/> <img src="/static/images/500art.svg" alt=""/>

2
templates/zerver/portico.html
View File

@@ -49,7 +49,7 @@
</div> </div>
</div> </div>
<div class="app portico-page"> <div class="app portico-page {% block portico_class_name %}{% endblock %}">
<div class="app-main portico-page-container{% block hello_page_container %}{% endblock %}"> <div class="app-main portico-page-container{% block hello_page_container %}{% endblock %}">
{% block portico_content %} {% block portico_content %}
{% endblock %} {% endblock %}