Fixed some display-problems with the sidebar-button

diff --git a/wcfsetup/install/files/style/wcf.less b/wcfsetup/install/files/style/wcf.less
index 7255f8b5aa1b49fcc0ab42f18482ccd6a94f90de..5edb73fa69090e642c202159560e50c446cb719d 100644 (file)
--- a/wcfsetup/install/files/style/wcf.less
+++ b/wcfsetup/install/files/style/wcf.less
@@ -1462,13 +1462,13 @@ nav.wcf-topMenu {
 }
 
 .wcf-headerNavigation {
-       border-width: 0 0 1px 0;
+       border-width: 0 0 @borderWidth 0;
        .mxBorderRadiusTL(3px);
        .mxBorderRadiusTR(3px);
 }
 
 .wcf-footerNavigation {
-       border-width: 1px 0 0 0;
+       border-width: @borderWidth 0 0 0;
        .mxBorderRadiusBR(3px);
        .mxBorderRadiusBL(3px);
 }
@@ -1738,6 +1738,7 @@ section.wcf-content:after {
 
 .wcf-collapsibleSidebarButton {
        cursor: pointer;
+       background-color: @backColor1;
        background-position: center 1%, center 99%;
        background-size: 10px 10px, 10px 10px;
        background-repeat: no-repeat;
@@ -1748,13 +1749,6 @@ section.wcf-content:after {
        height: 100%;
        overflow: hidden;
        z-index: 30;
-       opacity: .3;
-}
-
-.wcf-collapsibleSidebarButton:hover,
-.wcf-collapsibleSidebarButton:hover span {
-       background-color: @backColor10;
-       opacity: 1;
 }
 
 .wcf-collapsibleSidebarButton span {
@@ -1770,6 +1764,11 @@ section.wcf-content:after {
        height: 600px;
 }
 
+.wcf-collapsibleSidebarButton:hover,
+.wcf-collapsibleSidebarButton:hover span {
+       background-color: @backColor10;
+}
+
 .wcf-collapsibleSidebarButton span:focus,
 .wcf-collapsibleSidebarButton span:active {
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
@@ -1783,7 +1782,7 @@ section.wcf-content:after {
 /* Orientation */
 
 .left .wcf-collapsibleSidebarButton {
-       border-right: @borderWidthButton @borderStyleButton darken(@backColor1, 10%);
+       border-right: 1px @borderStyleButton darken(@backColor1, 10%);
        background-image: url('../icon/arrowLeft1.svg'), url('../icon/arrowLeft1.svg');
        left: 250px;
        
@@ -1795,7 +1794,7 @@ section.wcf-content:after {
 }
 
 .right .wcf-collapsibleSidebarButton {
-       border-left: @borderWidthButton @borderStyleButton darken(@backColor1, 10%);
+       border-left: 1px @borderStyleButton darken(@backColor1, 10%);
        background-image: url('../icon/arrowRight1.svg'), url('../icon/arrowRight1.svg');
        right: 250px;