Small mobile optimizations

diff --git a/com.woltlab.wcf/templates/footer.tpl b/com.woltlab.wcf/templates/footer.tpl
index d55786fc1cd028c3f9bf1b79c79b1cb325579018..e9f3055ea12a20fedcd1ff23a37b0c4055c2f1a5 100644 (file)
--- 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 542450eb11518f200253caa0e44e913806e0f091..7791d6681ccffe15f90399ba03a87c1c8493080d 100644 (file)
--- 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;
                                        }
                                }
+                               */
                        }
                }
        }