From 4486238c4c4de8cd916327f7203102a8ead993e5 Mon Sep 17 00:00:00 2001 From: "kay.one" Date: Sat, 3 Dec 2011 16:01:00 -0800 Subject: [PATCH] some notification tweaks. --- NzbDrone.Web/Content/jquery.gritter.css | 158 ++++++++++-------- NzbDrone.Web/Scripts/NzbDrone/Notification.js | 2 +- 2 files changed, 88 insertions(+), 72 deletions(-) diff --git a/NzbDrone.Web/Content/jquery.gritter.css b/NzbDrone.Web/Content/jquery.gritter.css index 3fc996939..73f96ef7f 100644 --- a/NzbDrone.Web/Content/jquery.gritter.css +++ b/NzbDrone.Web/Content/jquery.gritter.css @@ -1,100 +1,116 @@ /* the norm */ -#gritter-notice-wrapper { - position:fixed; - top:20px; - right:20px; - width:301px; - z-index:9999; -} -#gritter-notice-wrapper.top-left { +#gritter-notice-wrapper +{ + position: fixed; + top: 60px; + right: 20px; + width: 301px; + z-index: 9999; +} +#gritter-notice-wrapper.top-left +{ left: 20px; right: auto; } -#gritter-notice-wrapper.bottom-right { +#gritter-notice-wrapper.bottom-right +{ top: auto; left: auto; bottom: 20px; right: 20px; } -#gritter-notice-wrapper.bottom-left { +#gritter-notice-wrapper.bottom-left +{ top: auto; right: auto; bottom: 20px; left: 20px; } -.gritter-item-wrapper { - position:relative; - margin:0 0 10px 0; +.gritter-item-wrapper +{ + position: relative; + margin: 0; } -.gritter-top { - height:10px; +.gritter-top +{ + height: 10px; } -.hover .gritter-top { - background-position:right -30px; +.hover .gritter-top +{ + background-position: right -30px; } -.gritter-bottom { - height:8px; - margin:0; +.gritter-bottom +{ + height: 8px; + margin: 0; } -.hover .gritter-bottom { - background-position: bottom right; +.hover .gritter-bottom +{ + background-position: bottom right; } -.gritter-item { - display:block; - - background-color: #272525; +.gritter-item +{ + display: block; + background-color: #272525; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); - color:#eee; - padding:8px 11px; - font-size: 11px; - - border-bottom-style: solid; - border-bottom-width: 3px; + color: #eee; + padding: 8px 11px; + font-size: 11px; + border-bottom-style: solid; + border-bottom-width: 5px; } -.gritter-success .gritter-item{ - border-color: rgb(100, 135, 46); +.gritter-success .gritter-item +{ + border-color: rgb(100, 135, 46); } -.gritter-fail .gritter-item{ - border-color: rgb(212, 44, 44); +.gritter-fail .gritter-item +{ + border-color: rgb(212, 44, 44); } -.hover .gritter-item { - background-position:right -40px; -} -.gritter-item p { - padding:0; - margin:0; -} -.gritter-close { - display:none; - position:absolute; - top:0px; - right: -10px; - background:url(../content/images/gritter.png) no-repeat left top; - cursor:pointer; - width:30px; - height:30px; -} -.gritter-title { - font-size:20px; - padding:0; - display:block; - text-shadow:1px 1px #000; /* Not supported by IE :( */ -} -.gritter-image { - width:48px; - height:48px; - float:left; -} -.gritter-with-image, -.gritter-without-image { - padding:0 0 5px 0; -} -.gritter-with-image { - width:220px; - float:right; +.hover .gritter-item +{ + background-position: right -40px; +} +.gritter-item p +{ + padding: 0; + margin: 0; +} +.gritter-close +{ + display: none; + position: absolute; + top: 0px; + right: -10px; + background: url(../content/images/gritter.png) no-repeat left top; + cursor: pointer; + width: 30px; + height: 30px; +} +.gritter-title +{ + font-size: 20px; + padding: 0; + display: block; + text-shadow: 1px 1px #000; /* Not supported by IE :( */ +} +.gritter-image +{ + width: 48px; + height: 48px; + float: left; +} +.gritter-with-image, .gritter-without-image +{ + padding: 0 0 5px 0; +} +.gritter-with-image +{ + width: 220px; + float: right; } diff --git a/NzbDrone.Web/Scripts/NzbDrone/Notification.js b/NzbDrone.Web/Scripts/NzbDrone/Notification.js index d87b28e47..3936a117d 100644 --- a/NzbDrone.Web/Scripts/NzbDrone/Notification.js +++ b/NzbDrone.Web/Scripts/NzbDrone/Notification.js @@ -4,7 +4,7 @@ $.extend($.gritter.options, { fade_in_speed: 'medium', // how fast notifications fade in (string or int) fade_out_speed: 'medium', // how fast the notices fade out - time: 3000, // hang on the screen for... + time: 4000, // hang on the screen for... sticky: false });