From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 26 Nov 2016 12:36:21 +0000 (+0100)
Subject: Fixed visuals for active sub menu items on mobile
X-Git-Tag: 3.0.0_RC_1~133
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=dc6f1f37d8c3e0543da78806e9c7f956d8125918;p=GitHub%2FWoltLab%2FWCF.git

Fixed visuals for active sub menu items on mobile
---

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index a9e1630e72..7a86b38816 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -464,6 +464,32 @@
 							font-size: 14px;
 							margin-left: 7px;
 						}
+						
+						.boxMenuDepth1,
+						.boxMenuDepth2 {
+							position: relative;
+							
+							> li {
+								&:not(.active) {
+									display: none;
+								}
+								
+								&.active {
+									left: 0;
+									position: absolute;
+									right: 0;
+									top: 0;
+									transform: translateY(-100%);
+									
+									> a::after {
+										content: $fa-var-caret-down;
+										font-family: FontAwesome;
+										font-size: 14px;
+										margin-left: 7px;
+									}
+								}
+							}
+						}
 					}
 					
 					> li:first-child ~ li {