Also display message in model if text is long

Author: publicarray

package/ui/css/style.css

@@ -56,6 +56,7 @@
     height: 300px;
     width: 600px;
     z-index: 10;
+    padding: 10px;
 }
 
 .synoedit .modelText {

package/ui/js/main.js

@@ -91,6 +91,10 @@ function hideModel() {
 }
 
 function displayError(message) {
+    // Also display message in model if text is long
+    if (message.length > 64) {
+        displayModel(message, 1)
+    }
     messageText.style.animation = 'none'
     messageText.classList.remove('success')
     messageText.classList.add('error')
@@ -100,6 +104,10 @@ function displayError(message) {
 }
 
 function displaySuccess(message) {
+    // Also display message in model if text is long
+    if (message.length > 64) {
+        displayModel(message, 0)
+    }
     // Restart Animation
     messageText.style.animation = 'none'
     messageText.classList.remove('error')

package/ui/layout.html

@@ -12,7 +12,7 @@
         </div>
         <div class="model shadow">
             <pre class="modelText"></pre>
-            <button class="close btn" onclick="hideModel()">Close</button>
+            <button class="close btn primary" onclick="hideModel()">Close</button>
         </div>
         <div class="spinner">
             <div class="centerBox shadow">