From ff8573635d283f83576fad87cfa5972d808a994d Mon Sep 17 00:00:00 2001
From: shortcutme <tamas@zeronet.io>
Date: Mon, 8 Apr 2019 18:13:58 +0200
Subject: [PATCH] Limit max width of notification

---
 src/Ui/media/Notifications.coffee | 2 +-
 src/Ui/media/Wrapper.css          | 4 ++--
 src/Ui/media/all.css              | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Ui/media/Notifications.coffee b/src/Ui/media/Notifications.coffee
index 393d5a44..b31067fb 100644
--- a/src/Ui/media/Notifications.coffee
+++ b/src/Ui/media/Notifications.coffee
@@ -37,7 +37,7 @@ class Notifications
 			$(".notification-icon", elem).html("i")
 
 		if typeof(body) == "string"
-			$(".body", elem).html("<span class='message'>"+body+"</span>")
+			$(".body", elem).html("<div class='message'><span class='multiline'>"+body+"</span></div>")
 		else
 			$(".body", elem).html("").append(body)
 
diff --git a/src/Ui/media/Wrapper.css b/src/Ui/media/Wrapper.css
index 75caf164..4b90bcfb 100644
--- a/src/Ui/media/Wrapper.css
+++ b/src/Ui/media/Wrapper.css
@@ -66,7 +66,7 @@ a { color: black }
 .notification .close:hover { color: black }
 .notification .close:active, .notification .close:focus { color: #AF3BFF }
 .notification small { color: #AAA }
-.notification .multiline { white-space: normal; max-width: 300px; }
+.notification .multiline { white-space: normal; word-break: break-word; max-width: 300px; }
 .body-white .notification { box-shadow: 0 1px 9px rgba(0,0,0,0.1) }
 
 /* Notification select */
@@ -121,7 +121,7 @@ a { color: black }
 .infopanel .close:active, .infopanel .close:focus { color: #AF3BFF }
 .infopanel.closed .closed-num { opacity: 1; margin-left: -36px; pointer-events: inherit; }
 .infopanel .closed-num {
-	position: absolute; margin-top: 6px; background-color: #9a61f8; color: white; width: 10px; text-align: center;
+	position: absolute; margin-top: 6px; background-color: #6666663d; color: white; width: 10px; text-align: center;
 	padding: 4px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; font-size: 10px;
     opacity: 0; margin-left: 0px; pointer-events: none; transition: all 0.6s;
 }
diff --git a/src/Ui/media/all.css b/src/Ui/media/all.css
index 3bd9a168..eedcc074 100644
--- a/src/Ui/media/all.css
+++ b/src/Ui/media/all.css
@@ -71,7 +71,7 @@ a { color: black }
 .notification .close:hover { color: black }
 .notification .close:active, .notification .close:focus { color: #AF3BFF }
 .notification small { color: #AAA }
-.notification .multiline { white-space: normal; max-width: 300px; }
+.notification .multiline { white-space: normal; word-break: break-word; max-width: 300px; }
 .body-white .notification { -webkit-box-shadow: 0 1px 9px rgba(0,0,0,0.1) ; -moz-box-shadow: 0 1px 9px rgba(0,0,0,0.1) ; -o-box-shadow: 0 1px 9px rgba(0,0,0,0.1) ; -ms-box-shadow: 0 1px 9px rgba(0,0,0,0.1) ; box-shadow: 0 1px 9px rgba(0,0,0,0.1)  }
 
 /* Notification select */