From f2a53eb1e3e9b4be1673d34069138d3da6f6caa9 Mon Sep 17 00:00:00 2001 From: JocelynDelalande Date: Wed, 27 Dec 2017 16:10:29 +0100 Subject: Position flash messages with CSS rather than JS (#292) Visual result is exactly the same, but less black magic :-). --- ihatemoney/static/css/main.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'ihatemoney/static/css') diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css index fa8ad56..b0120ca 100644 --- a/ihatemoney/static/css/main.css +++ b/ihatemoney/static/css/main.css @@ -245,8 +245,13 @@ tr.payer_line .balance-name{ margin-top: 10px; } -.flash { +.messages { + display: flex; + justify-content: center; position: absolute; + top: 0.6rem; + width: 100%; + pointer-events: none; } .light { -- cgit v1.1