Fixed system notifications blocking the user panel

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index 5795b3892fb657c8f59d7dadd16b1b0fcbd23d7f..159c2cad2ec4bcb89107a8d2102b40aafe7891c2 100755 (executable)
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -5167,7 +5167,7 @@ WCF.System.Notification = Class.extend({
                this._overlay = $('#systemNotification');
                
                if (!this._overlay.length) {
-                       this._overlay = $('<div id="systemNotification"><p></p></div>').appendTo(document.body);
+                       this._overlay = $('<div id="systemNotification"><p></p></div>').hide().appendTo(document.body);
                }
        },
        
@@ -5193,7 +5193,7 @@ WCF.System.Notification = Class.extend({
                // hide overlay after specified duration
                new WCF.PeriodicalExecuter($.proxy(this._hide, this), duration);
                
-               this._overlay.addClass('open');
+               this._overlay.wcfFadeIn(undefined, 300);
        },
        
        /**
@@ -5206,7 +5206,7 @@ WCF.System.Notification = Class.extend({
                        this._callback();
                }
                
-               this._overlay.removeClass('open');
+               this._overlay.wcfFadeOut(undefined, 300);
                
                pe.stop();
        }

diff --git a/wcfsetup/install/files/style/dialog.less b/wcfsetup/install/files/style/dialog.less
index 0740bce20d63763e50aad725d42e38511d9aea0e..4b571caaa3b68c569677588566b506c81d706bd9 100644 (file)
--- a/wcfsetup/install/files/style/dialog.less
+++ b/wcfsetup/install/files/style/dialog.less
@@ -180,18 +180,11 @@
 /* notification overlay */
 #systemNotification {
        left: 0;
-       opacity: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 460;
        
-       .transition(opacity, .3s);
-       
-       &.open {
-               opacity: 1;
-       }
-       
        > p {
                border-top-left-radius: 0;
                border-top-right-radius: 0;