From a6484fbda926e0f9c42e6512f20ccf8d3bf4e8c5 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 30 Jul 2014 18:02:53 +0200 Subject: [PATCH] fix yellow notification style --- core/css/styles.css | 13 ++++++++++--- core/js/js.js | 4 ++-- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/core/css/styles.css b/core/css/styles.css index 057b8cfeee..c7bd2fcd43 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -685,20 +685,27 @@ label.infield { top: 0; width: 100%; text-align: center; - line-height: 1.2; } #notification, #update-notification { + margin: 0 auto; z-index: 101; background-color: #fc4; border: 0; - padding: 0 .7em .3em; + padding: 1px 8px; display: none; position: relative; top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + filter:alpha(opacity=90); + opacity: .9; +} +#notification span, #update-notification span { + cursor: pointer; + font-weight: bold; + margin-left: 1em; } -#notification span, #update-notification span { cursor:pointer; font-weight:bold; margin-left:1em; } tr .action:not(.permanent), .selectedActions a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; } tr:hover .action, tr .action.permanent, .selectedActions a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; } diff --git a/core/js/js.js b/core/js/js.js index 5c9d7bf014..60f9cc11a5 100644 --- a/core/js/js.js +++ b/core/js/js.js @@ -696,7 +696,7 @@ OC.Notification={ var notification = $('#notification'); if((notification.filter('span.undo').length == 1) || OC.Notification.isHidden()){ notification.html(html); - notification.fadeIn().css("display","inline"); + notification.fadeIn().css('display','inline-block'); }else{ OC.Notification.queuedNotifications.push(html); } @@ -710,7 +710,7 @@ OC.Notification={ var notification = $('#notification'); if((notification.filter('span.undo').length == 1) || OC.Notification.isHidden()){ notification.text(text); - notification.fadeIn().css("display","inline"); + notification.fadeIn().css('display','inline-block'); }else{ OC.Notification.queuedNotifications.push($('
').text(text).html()); }