From: Alexander Ebert 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; } }