Improved flash message handling

This commit is contained in:
Graham Triggs 2017-09-22 23:42:13 +01:00
parent 4a52c56504
commit 8855405881
4 changed files with 36 additions and 11 deletions

View file

@ -293,7 +293,31 @@ table.classHierarchy {
margin-right: 0px;
}
section#container div {
width: auto;
}
#flash-message {
border: 1px dotted #E2C822;
background-color: #FFF9D7;
padding: .5em;
margin-bottom: 10px;
}
#welcome-message {
border: 1px dotted #E2C822;
background-color: #FFF9D7;
padding: .25em;
margin-bottom: 8px;
}
#flash-msg-container,
#welcome-msg-container {
width: 600px;
height:34px;
position: absolute;
z-index: 99;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 0;
}

View file

@ -1,15 +1,15 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#if flash?has_content>
<div id="wrapper-content" role="main" class="container">
<#if flash?starts_with(i18n().menu_welcomestart) >
<section id="welcome-msg-container" role="container">
<section id="welcome-message" role="alert">${flash}</section>
</section>
<#else>
<section id="flash-msg-container" role="container">
<section id="flash-message" role="alert">
${flash}
</section>
</section>
</#if>
</div>
</#if>

View file

@ -737,6 +737,7 @@ p.password-note {
padding: .25em;
margin-bottom: 8px;
}
#flash-msg-container,
#welcome-msg-container {
margin-bottom: 8px;
margin-top: -10px;

View file

@ -19,8 +19,8 @@
<section id="welcome-message" role="alert">${flash}</section>
</section>
<#else>
<section id="flash-message" role="alert">
${flash}
<section id="flash-msg-container" role="container">
<section id="flash-message" role="alert">${flash}</section>
</section>
</#if>
</#if>