Removed collapsed box menus

diff --git a/com.woltlab.wcf/templates/boxArticleCategories.tpl b/com.woltlab.wcf/templates/boxArticleCategories.tpl
index 37d4f03834f612440e40f5184e09844133abc85f..d6a8ab420e55bf12381482a39b1d4c593081bea9 100644 (file)
--- a/com.woltlab.wcf/templates/boxArticleCategories.tpl
+++ b/com.woltlab.wcf/templates/boxArticleCategories.tpl
@@ -1,4 +1,4 @@
-<ol class="boxMenu forceOpen">
+<ol class="boxMenu">
        {foreach from=$categoryList item=categoryItem}
                <li{if $activeCategory && $activeCategory->categoryID == $categoryItem->categoryID} class="active"{/if} data-category-id="{@$categoryItem->categoryID}">
                        <a href="{@$categoryItem->getLink()}" class="boxMenuLink">

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Mobile.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Mobile.js
index bce81aa29b7c9bdef39187c69fca02692bc29c44..afc3406a81992d016f4fe5339d1ae34f97272b52 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Mobile.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Mobile.js
@@ -250,22 +250,10 @@ define(
                                _pageMenuMain = new UiPageMenuMain();
                                _pageMenuUser = new UiPageMenuUser();
                        }
-                       
-                       elBySelAll('.boxMenu:not(.forceOpen)', null, function(boxMenu) {
-                               boxMenu.addEventListener(WCF_CLICK_EVENT, function(event) {
-                                       event.stopPropagation();
-                                       
-                                       if (event.target === boxMenu) {
-                                               event.preventDefault();
-                                               
-                                               boxMenu.classList.add('open');
-                                       }
-                               });
-                       });
                },
                
                _closeAllMenus: function() {
-                       elBySelAll('.jsMobileButtonGroupNavigation.open, .jsMobileNavigation.open, .boxMenu.open', null, function (menu) {
+                       elBySelAll('.jsMobileButtonGroupNavigation.open, .jsMobileNavigation.open', null, function (menu) {
                                menu.classList.remove('open');
                        });
                        

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index d21b5a340e6c9bbcbf8414cbfe22b76ca6387403..e961b160690e4c240b57c45f418889e0ddb85506 100644 (file)
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -516,69 +516,6 @@
                        .boxMenuDepth2 .boxMenuLink {
                                padding-left: 60px;
                        }
-                       
-                       @include screen-md-down {
-                               position: relative;
-                               
-                               .boxMenuLink,
-                               .boxMenuLinkTitle {
-                                       overflow: hidden;
-                                       text-overflow: ellipsis;
-                                       white-space: nowrap;
-                               }
-                               
-                               &:not(.open):not(.forceOpen) {
-                                       > 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;
-                                               }
-                                               
-                                               .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 {
-                                               display: none;
-                                       }
-                                       
-                                       > li.active:not(:first-child) {
-                                               display: block;
-                                               position: absolute;
-                                               left: 0;
-                                               right: 0;
-                                               top: 0;
-                                       }
-                               }
-                       }
                }
        }