From: Alexander Ebert Date: Thu, 10 Nov 2011 15:12:12 +0000 (+0100) Subject: Collapsed sidebar changed to work with CSS X-Git-Tag: 2.0.0_Beta_1~1611 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=e7f1fac78d49812b0b56ef6c49196573ed09d47a;p=GitHub%2FWoltLab%2FWCF.git Collapsed sidebar changed to work with CSS @Luzifr: This CSS is a broken prototype, fix please. Furthermore Firefox seems to be completely retarded, hiding the span at all. --- diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css index f3f383e3b1..b118c4f3d1 100644 --- a/wcfsetup/install/files/acp/style/style.css +++ b/wcfsetup/install/files/acp/style/style.css @@ -3728,7 +3728,20 @@ div#profileButtonContainer button:hover { opacity: 1.0; } +.collapsibleSidebar { + -webkit-transition: width .5s linear; + -moz-transition: width .5s linear; + -ms-transition: width .5s linear; + -o-transition: width .5s linear; + transition: width .5s linear; + + width: 100%; +} +.collapsibleSidebar.collapsedSidebar { + overflow: hidden; + width: 0%; +} diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js index 576f2c40f5..8a3449fafb 100644 --- a/wcfsetup/install/files/js/WCF.js +++ b/wcfsetup/install/files/js/WCF.js @@ -3042,9 +3042,14 @@ $.widget('ui.wcfSidebar', { } this._visible = true; + this.element.parent('div').removeClass('collapsedSidebar'); + this._button.html('«'); + + /* this.element.wcfBlindIn('horizontal', $.proxy(function() { this._button.html('«'); }, this)); + */ }, /** @@ -3056,9 +3061,14 @@ $.widget('ui.wcfSidebar', { } this._visible = false; + this.element.parent('div').addClass('collapsedSidebar'); + this._button.html('»'); + + /* this.element.wcfBlindOut('horizontal', $.proxy(function() { this._button.html('»'); }, this)); + */ } });