oci/zeronet
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Limit max width of notification

Browse source
This commit is contained in:
shortcutme 2019-04-08 18:13:58 +02:00
parent 643244ffd1
commit ff8573635d
No known key found for this signature in database
GPG key ID: 5B63BAE6CB9613AE
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/Ui/media/Notifications.coffee
View file

@ -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)

4
src/Ui/media/Wrapper.css
View file

@ -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;
}

2
src/Ui/media/all.css
View file

@ -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 */