diff options
| author | JocelynDelalande <JocelynDelalande@users.noreply.github.com> | 2017-12-27 16:10:29 +0100 |
|---|---|---|
| committer | Alexis Metaireau <alexis@notmyidea.org> | 2017-12-27 16:10:29 +0100 |
| commit | f2a53eb1e3e9b4be1673d34069138d3da6f6caa9 (patch) | |
| tree | a1447d41b8547155b06914b1b651929488e6afc5 /ihatemoney/templates | |
| parent | 4d359ce11ba8bc5ea023476ffdfa0293e6c2f02e (diff) | |
| download | ihatemoney-mirror-f2a53eb1e3e9b4be1673d34069138d3da6f6caa9.zip ihatemoney-mirror-f2a53eb1e3e9b4be1673d34069138d3da6f6caa9.tar.gz ihatemoney-mirror-f2a53eb1e3e9b4be1673d34069138d3da6f6caa9.tar.bz2 | |
Position flash messages with CSS rather than JS (#292)
Visual result is exactly the same, but less black magic :-).
Diffstat (limited to 'ihatemoney/templates')
| -rw-r--r-- | ihatemoney/templates/layout.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/ihatemoney/templates/layout.html b/ihatemoney/templates/layout.html index 241d728..cb36a6f 100644 --- a/ihatemoney/templates/layout.html +++ b/ihatemoney/templates/layout.html @@ -13,8 +13,6 @@ {% block head %}{% endblock %} <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ - var left = window.innerWidth/2-$('.flash').width()/2; - $(".flash").css({ "left": left+"px", "top":"0.6rem" }); setTimeout(function(){ $(".flash").fadeOut("slow", function () { $(".flash").remove(); @@ -80,9 +78,11 @@ </div> {% endblock %} -{% for message in get_flashed_messages() %} -<div class="flash alert alert-success">{{ message }}</div> -{% endfor %} +<div class="messages"> + {% for message in get_flashed_messages() %} + <div class="flash alert alert-success">{{ message }}</div> + {% endfor %} +</div> {% block footer %} <footer> |