kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 19:53:36 +00:00
Code Issues Projects Releases Wiki Activity

Notification styling

Browse Source
This commit is contained in:
Paul-Vincent Roll 2016-04-02 20:27:59 +02:00
parent 98e333cef9
commit 3cd882f618
2 changed files with 2 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/default/alert/alert.js
View File

@ -23,7 +23,7 @@ Module.register('alert',{
return ['ns-default.css', 'sweetalert.css']; return ['ns-default.css', 'sweetalert.css'];
}, },
show_notification: function (message) { show_notification: function (message) {
message = "<font size='4px' color='#4A4A4A'>" + message.title + "</font><br /><font size='5px'>" + message.message + "</font>" message = "<font class='thin' style='line-height: 26px; font-size:24px' color='#4A4A4A'>" + message.title + "</font><br /><font class='light' style='font-size:28px'>" + message.message + "</font>"
new NotificationFx({ new NotificationFx({
message : message, message : message,
layout : "growl", layout : "growl",

21
modules/default/alert/ns-default.css
View File

@ -7,7 +7,6 @@
line-height: 1.4; line-height: 1.4;
margin-top: 10px; margin-top: 10px;
z-index: 1000; z-index: 1000;
pointer-events: none;
color: black; color: black;
font-size: 70%; font-size: 70%;
position: relative; position: relative;
@ -16,29 +15,16 @@
top: auto; top: auto;
left: 30px; left: 30px;
max-width: 100%; max-width: 100%;
border-radius: 5px; border-radius: 5px;
} }
.ns-box.ns-show {
pointer-events: auto;
}
.ns-box a { .ns-box a {
color: inherit; color: inherit;
opacity: 0.7; opacity: 0.7;
font-weight: 700; font-weight: 700;
} }
.ns-box p {
margin: 0;
}
.ns-box.ns-show,
.ns-box.ns-visible {
pointer-events: auto;
}
/* Flip */ /* Flip */
.ns-effect-flip { .ns-effect-flip {
@ -84,10 +70,7 @@
.ns-effect-bouncyflip { .ns-effect-bouncyflip {
-webkit-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
background: #fff;
color: #484860;
top: 0; top: 0;
box-shadow: 0 13px 10px -5px rgba(0,0,0,0.2);
} }
.ns-effect-bouncyflip p { .ns-effect-bouncyflip p {
@ -198,8 +181,6 @@
/* Expanding Loader */ /* Expanding Loader */
.ns-effect-exploader { .ns-effect-exploader {
background: #fff;
color: #7a7264;
-webkit-transform-origin: 0 0; -webkit-transform-origin: 0 0;
transform-origin: 0 0; transform-origin: 0 0;
} }