Improve toasts messages display; refs #1786

[galette.git] / galette / templates / default / elements / js / messages.js.twig

diff --git a/galette/templates/default/elements/js/messages.js.twig b/galette/templates/default/elements/js/messages.js.twig
index 9226e0a32c643184d573e3090f2b7c1f5186d876..e6823b0cb94fb0be84dc45a9de3e7a2cfede9665 100644 (file)
--- a/galette/templates/default/elements/js/messages.js.twig
+++ b/galette/templates/default/elements/js/messages.js.twig
@@ -27,7 +27,9 @@ $('.message.with-transition')
             displayTime: 'auto',
             minDisplayTime: 5000,
             wordsPerMinute: 80,
-            position: 'top right',
+            showProgress: 'bottom',
+            closeIcon: true,
+            position: 'top attached',
             message: '{{ success|e('js') }}',
             showIcon: 'check circle outline',
             class: 'success'
@@ -55,7 +57,9 @@ $('.message.with-transition')
             displayTime: 'auto',
             minDisplayTime: 5000,
             wordsPerMinute: 80,
-            position: 'top right',
+            showProgress: 'bottom',
+            closeIcon: true,
+            position: 'top attached',
             title: '{{ info_title|e('js') }}',
             message: '{{ i|e('js') }}',
             showIcon: 'info',
@@ -85,9 +89,10 @@ $('.message.with-transition')
         $('body')
           .toast({
             displayTime: 0,
-            position: 'top right',
+            closeIcon: true,
+            position: 'top attached',
             message: '{{ error|e('js') }}',
-            showIcon: 'times',
+            showIcon: 'exclamation circle',
             class: 'error'
           })
         ;
@@ -106,7 +111,8 @@ $('.message.with-transition')
         $('body')
           .toast({
             displayTime: 0,
-            position: 'top right',
+            closeIcon: true,
+            position: 'top attached',
             message: '{{ warning|e('js') }}',
             showIcon: 'exclamation triangle',
             class: 'warning'