From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 14 Jan 2017 20:36:14 +0000 (+0100)
Subject: More resilient approach for arrow position
X-Git-Tag: 3.0.1~42
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=f7f5c51b643c85f5ca5d906ee4fc50cdf594bcd0;p=GitHub%2FWoltLab%2FWCF.git

More resilient approach for arrow position

position: absolute has some really awkward results, especially with the
latest CSS align spec changes.
---

diff --git a/wcfsetup/install/files/acp/style/layout.scss b/wcfsetup/install/files/acp/style/layout.scss
index c4efdf3d59..f703aa1cfe 100644
--- a/wcfsetup/install/files/acp/style/layout.scss
+++ b/wcfsetup/install/files/acp/style/layout.scss
@@ -78,11 +78,7 @@ $wcfAcpMenuWidth: 150px;
 				border-radius: 0;
 				display: flex;
 				height: 50px;
-				padding: 6px 28px 6px 10px;
-				
-				&::after {
-					right: 10px;
-				}
+				padding: 6px 10px;
 				
 				&:hover {
 					background-color: rgba(0, 0, 0, .4);
diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index a22308e283..1aaa2e1f46 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -364,7 +364,7 @@
 			max-width: 200px;
 			min-width: 140px;
 			overflow: hidden;
-			padding: 4px 24px 4px 8px;
+			padding: 4px 8px;
 			position: relative;
 			text-align: left;
 			text-overflow: ellipsis;
@@ -374,9 +374,10 @@
 			&::after {
 				color: inherit;
 				content: $fa-var-caret-down;
+				flex: 1;
 				font-family: FontAwesome;
-				position: absolute;
-				right: 8px;
+				margin-left: 10px;
+				text-align: right;
 			}
 		}