IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

add error page on root.html (#4887)

Browse Source
This commit is contained in:
Erik
2017-01-13 05:59:23 -08:00
committed by enahum
parent 7d6fa7f8bf
commit d64d51a632
1 changed files with 45 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
webapp/root.html
View File

@@ -34,10 +34,52 @@
<!-- CSS Should always go first -->
<link rel='stylesheet' class='code_theme'>
<style>
.error-screen {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding-top: 50px;
max-width: 750px;
font-size: 14px;
color: #333333;
margin: auto;
display: none;
line-height: 1.5;
}
.error-screen h2 {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
}
.error-screen ul {
padding-left: 15px;
line-height: 1.7;
margin-top: 0;
margin-bottom: 10px;
}
.error-screen hr {
color: #ddd;
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.error-screen-visible {
display: block;
}
</style>
</head>
<body>
<div id='root'>
<div class='error-screen'>
<h2>Cannot connect to Mattermost</h2>
<hr/>
<p>We’re having trouble connecting to Mattermost. If refreshing this page (Ctrl+R or Command+R) does not work, please verify that your computer is connected to the internet.</p>
<br/>
</div>
<div
class='loading-screen'
style='position: relative'
@@ -50,6 +92,9 @@
</div>
</div>
<script>
if (typeof window.setup_root !== 'function') {
document.querySelector('.error-screen').classList.add('error-screen-visible');
}
window.setup_root();
</script>
<noscript>