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 f3f383e3b1ee796db7f9a14b0babfa068a9b55ae..b118c4f3d14452a5f48072832081445f0efca56f 100644 (file)
--- 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 576f2c40f5db23a2fe44e907e3e56d10379d2464..8a3449fafb2d5b6444b82229940ef24dc53059ae 100644 (file)
--- 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));
+               */
        }
 });