changeset 356:e3e11ced9f8f

bulma: new `retry-notification` template: this template is used notably when server connection is lost, and it will be checked again after a delay.
author Goffi <goffi@goffi.org>
date Thu, 30 Mar 2023 17:03:57 +0200
parents ff67c700405e
children 6c21a9857e08
files sat_templates/templates/bulma/dialogs/retry-notification.html sat_templates/templates/bulma/static/styles.css
diffstat 2 files changed, 19 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/dialogs/retry-notification.html	Thu Mar 30 17:03:57 2023 +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]}} py-4">
+            {{message}}
+            <button class="button is-rounded is-small click_to_retry ml-5 is-valign-middle">{% trans %}retry{% endtrans %} (<span class="retry_counter">X</span>s)</button>
+        </div>
+    </div>
+</div>
--- a/sat_templates/templates/bulma/static/styles.css	Thu Mar 30 17:00:45 2023 +0200
+++ b/sat_templates/templates/bulma/static/styles.css	Thu Mar 30 17:03:57 2023 +0200
@@ -85,6 +85,9 @@
     align-items: center;
 }
 
+.is-valign-middle {
+    vertical-align: middle;
+}
 
 .x-is-hoverable:hover {
     background-color: #eee !important;