From: Luzifr <szekely@woltlab.com>
Date: Thu, 15 Mar 2012 15:45:11 +0000 (+0100)
Subject: Fixed some display-problems with the sidebar-button
X-Git-Tag: 2.0.0_Beta_1~1226
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=bae98d21c27fde423839603647bcdc0385a258dd;p=GitHub%2FWoltLab%2FWCF.git

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 7255f8b5aa..5edb73fa69 100644
--- 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;