# HG changeset patch
# User Goffi <goffi@goffi.org>
# Date 1597387563 -7200
# Node ID dea66eead6983e438c2617a55e8caeb2eb5f9674
# Parent  2378084522e1ef348ec416f5e60b08d5a3a36df6
bulma (dialogs): new `notification.html` template

diff -r 2378084522e1 -r dea66eead698 sat_templates/templates/bulma/dialogs/notification.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/dialogs/notification.html	Fri Aug 14 08:46:03 2020 +0200
@@ -0,0 +1,16 @@
+<div class="main_notification columns is-centered">
+    <div class="column is-narrow has-items-centered">
+        {% set level_map={
+            'success': 'is-success',
+            'info': 'is-info',
+            'warning': 'is-warning',
+            'error': 'is-danger'
+            }
+        %}
+
+        <div class="notification {{level_map[level]}} pr-6 py-4">
+            <button class="delete click_to_close"></button>
+            {{message}}
+        </div>
+    </div>
+</div>
diff -r 2378084522e1 -r dea66eead698 sat_templates/templates/bulma/static/styles.css
--- a/sat_templates/templates/bulma/static/styles.css	Fri Aug 14 08:46:00 2020 +0200
+++ b/sat_templates/templates/bulma/static/styles.css	Fri Aug 14 08:46:03 2020 +0200
@@ -131,11 +131,33 @@
     transform: scaleY(0);
 }
 
-div.state_appended .modal-content {
+div.state_appended .modal-content, div.main_notification.state_appended {
     transform: scaleY(1);
     transition: transform 0.15s ease-in;
 }
 
+div.main_notification.state_closing {
+    transform: scaleY(0);
+}
+
+.main_notification {
+    position: fixed;
+    top: 2rem;
+    left: 0;
+    right: 0;
+    z-index: 10000;
+    transform: scaleY(0);
+    transition: transform 0.15s ease-in;
+}
+
+div.main_notification>div.column {
+    display: flex;
+    max-width: 95%;
+}
+div.main_notification>div.column>div.notification {
+    max-width: 80rem;
+}
+
 .click_to_close {
     cursor: pointer;
 }