Small changes to the ACP-Sidebar

diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index 2039a4e718c6cd12203acbafaa243546ee351b1e..0d9c5aafd41e5dc837a58d128ae90bede2e91d3f 100644 (file)
--- a/wcfsetup/install/files/acp/style/style.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -756,6 +756,7 @@ aside.sidebar .collapsibleSidebarButton {
        right: -17px;
        bottom: 0;
        width: 15px;
+       height: 100%;
        z-index: 500;
        opacity: .3;
        
@@ -773,7 +774,7 @@ aside.sidebar .collapsibleSidebarButton {
        display: none;
 }
 
-aside.sidebar .collapsedSidebar .collapsibleSidebarButton {
+aside.sidebar.collapsedSidebar .collapsibleSidebarButton {
        /*border-right: 1px solid transparent;
        border-left: 1px solid transparent;*/
        background-image: url('../../icon/arrowRight1.svg'), url('../../icon/arrowRight1.svg'), url('../../icon/arrowRight1.svg');
@@ -789,17 +790,16 @@ aside.sidebar .collapsibleSidebarButton:hover {
        opacity: 1;
 }
 
-aside.sidebar .collapsedSidebar .collapsibleSidebarButton:hover {
+aside.sidebar.collapsedSidebar .collapsibleSidebarButton:hover {
        border-right-color: rgba(0, 0, 0, .15);
        border-left-color: transparent;
 }
 
-aside.sidebar .collapsedSidebar {
-       overflow: hidden;
+aside.sidebar.collapsedSidebar {
        width: 0;
 }
 
-aside.sidebar .collapsedSidebar nav {
+aside.sidebar.collapsedSidebar nav {
        overflow: hidden;
        width: 0;
        display: none;

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index 8e5534da750d3abb3965a19f46cf41f206d4d9aa..aa963eec6c8e32891f88f6b65d7dffc14472bbd2 100644 (file)
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -3007,7 +3007,7 @@ $.widget('ui.wcfSidebar', {
         */
        _create: function() {
                this.element.wrap('<div class="collapsibleSidebar"></div>');
-               this._container = this.element.parent('div');
+               this._container = this.element.parents('aside:eq(0)');
                
                // create toggle button
                this._button = $('<span class="collapsibleSidebarButton" title="' + WCF.Language.get('wcf.global.button.collapsible') + '"></span>').appendTo(this._container);