From e5b8376f2f73947e3c7145b830847c646dc6f55f Mon Sep 17 00:00:00 2001 From: Luzifr Date: Thu, 27 Oct 2011 12:21:23 +0200 Subject: [PATCH] Overlay dialogues Re-implemented the centering script due to CSS changes; optimized overlay position & look. --- wcfsetup/install/files/acp/style/style.css | 12 +++++------- wcfsetup/install/files/js/WCF.js | 10 ++++++++++ 2 files changed, 15 insertions(+), 7 deletions(-) diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css index 8c78976438..0970fce89a 100644 --- a/wcfsetup/install/files/acp/style/style.css +++ b/wcfsetup/install/files/acp/style/style.css @@ -2205,12 +2205,10 @@ div#ajaxExceptionStacktrace { border-radius: 15px; margin-right: auto !important; margin-left: auto !important; - display: block !important; - width: auto !important; - min-width: 80px !important; - max-width: 770px !important; - top: -350px !important; - left: auto !important; + position: fixed !important; + min-width: 500px !important; + max-width: 780px !important; + top: 150px !important; -webkit-box-shadow: 0 1px 23px rgba(0, 0, 0, 1); -moz-box-shadow: 0 1px 23px rgba(0, 0, 0, 1); @@ -2253,7 +2251,7 @@ a.ui-dialog-titlebar-close span { div.ui-widget-overlay { background-color: #000; - opacity: .7; + opacity: .5; position: fixed; width: 100% !important; top: 0; diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js index 5503d63877..3767d2740d 100644 --- a/wcfsetup/install/files/js/WCF.js +++ b/wcfsetup/install/files/js/WCF.js @@ -2803,6 +2803,11 @@ $.widget('ui.wcfDialog', $.ui.dialog, { this.options.width = 'auto'; $.ui.dialog.prototype._init.apply(this, arguments); + + // center dialog on resize + $(window).resize($.proxy(function() { + this.option('position', 'center'); + }, this)); } }); @@ -2872,6 +2877,11 @@ $.widget('ui.wcfAJAXDialog', $.ui.dialog, { this.element.parent('.ui-dialog').find('a.ui-dialog-titlebar-close').empty().remove(); } } + + // center dialog on window resize + $(window).resize($.proxy(function() { + this.option('position', 'center'); + }, this)); }, /** -- 2.20.1