From 4af25ab673c94c2f62a5d8023d71ecb28f8e7eaa Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 15 Jul 2016 00:54:24 +0200
Subject: [PATCH] Small mobile optimizations

---
 com.woltlab.wcf/templates/footer.tpl         |  2 +-
 wcfsetup/install/files/style/layout/box.scss | 42 +++++++++++++++++++-
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/com.woltlab.wcf/templates/footer.tpl b/com.woltlab.wcf/templates/footer.tpl
index d55786fc1c..e9f3055ea1 100644
--- a/com.woltlab.wcf/templates/footer.tpl
+++ b/com.woltlab.wcf/templates/footer.tpl
@@ -89,7 +89,7 @@
 	{if MODULE_COOKIE_POLICY_PAGE && $__wcf->session->isFirstVisit() && !$__wcf->user->userID}
 		<p class="info cookiePolicyNotice">
 			{lang}wcf.page.cookiePolicy.info{/lang}
-			<span class="icon icon16 fa-times jsTooltip jsOnly pointer cookiePolicyNoticeDismiss" title="{lang}wcf.global.button.close{/lang}"></span>
+			<span class="icon icon24 fa-times jsTooltip jsOnly pointer cookiePolicyNoticeDismiss" title="{lang}wcf.global.button.close{/lang}"></span>
 			<script data-relocate="true">
 				elBySel('.cookiePolicyNoticeDismiss').addEventListener(WCF_CLICK_EVENT, function() {
 					elRemove(elBySel('.cookiePolicyNotice'));
diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 542450eb11..7791d6681c 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -404,12 +404,49 @@
 			}
 			
 			@include screen-md-down {
-				> .active {
+				position: relative;
+				
+				.boxMenuLink {
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+				
+				&:not(.open) {
+					> li:first-child,
+					> li.active:not(:first-child) {
+						pointer-events: none;
+						
+						> a::after {
+							content: $fa-var-caret-down;
+							font-family: FontAwesome;
+							font-size: 14px;
+							margin-left: 7px;
+						}
+					}
+					
+					> li:first-child ~ li {
+						display: none;
+					}
+					
+					> li.active:not(:first-child) {
+						display: block;
+						position: absolute;
+						left: 0;
+						right: 0;
+						top: 0;
+					}
+				}
+				
+				
+				/*> .active {
 					pointer-events: none;
 					
 					> a::after {
 						content: $fa-var-caret-down;
 						font-family: FontAwesome;
+						font-size: 14px;
+						margin-left: 7px;
 					}
 				}
 				
@@ -421,6 +458,8 @@
 						> a::after {
 							content: $fa-var-caret-down;
 							font-family: FontAwesome;
+							font-size: 14px;
+							margin-left: 7px;
 						}
 					}
 					
@@ -432,6 +471,7 @@
 						display: none;
 					}
 				}
+				*/
 			}
 		}
 	}
-- 
2.20.1