fix css error, ensure widget not freezing

HelloAsso · Sep 24, 2024 · af1e305 · af1e305
1 parent 58330e5
commit af1e305
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 5 deletions.
diff --git a/admin/widget_edit.php b/admin/widget_edit.php
@@ -201,7 +201,6 @@
         <!-- Espace réservé pour la prévisualisation -->
         <div class="widget-alert-box mt-3 mb-5"
             style="min-height: 300px; border: 1px dashed #ccc; padding: 10px">
-            <p class="text-muted">La prévisualisation apparaîtra ici</p>
         </div>
     </div>
 

diff --git a/css/main.css b/css/main.css
@@ -60,4 +60,8 @@
 
 .widget-alert-box {
   text-align: center;
+}
+
+.widget-alert-box p {
+  word-wrap: break-word;
 }
diff --git a/css/main.min.css b/css/main.min.css
diff --git a/js/main.js b/js/main.js
@@ -2,6 +2,7 @@ var alertQueue = [];
 var isAlertActive = false;
 
 function displayAlertBox(pseudo, message, amount) {
+    message = message.substring(0, 255);
     alertQueue.push({ pseudo, message, amount });
 
     if (!isAlertActive) {
@@ -19,7 +20,6 @@ function processAlertQueue() {
     const alert = alertQueue.shift();
     const { pseudo, message, amount } = alert;
     var container = document.querySelector('.widget-alert-box');
-    var oldContent = container.innerHTML;
     container.innerHTML = '';
 
     // Afficher l'image
@@ -56,7 +56,7 @@ function processAlertQueue() {
         audio.pause();
         audio.currentTime = 0;
 
-        container.innerHTML = oldContent;
+        container.innerHTML = '';
         processAlertQueue();
     }, window.alert_duration);
 }

diff --git a/js/main.min.js b/js/main.min.js