From ef0883a0bb27bfb69584ae904c68700f0831088b Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Thu, 8 Mar 2018 13:36:40 +0100 Subject: [PATCH] Removed collapsed box menus --- .../templates/boxArticleCategories.tpl | 2 +- .../files/js/WoltLabSuite/Core/Ui/Mobile.js | 14 +---- wcfsetup/install/files/style/layout/box.scss | 63 ------------------- 3 files changed, 2 insertions(+), 77 deletions(-) diff --git a/com.woltlab.wcf/templates/boxArticleCategories.tpl b/com.woltlab.wcf/templates/boxArticleCategories.tpl index 37d4f03834..d6a8ab420e 100644 --- a/com.woltlab.wcf/templates/boxArticleCategories.tpl +++ b/com.woltlab.wcf/templates/boxArticleCategories.tpl @@ -1,4 +1,4 @@ -
    +
      {foreach from=$categoryList item=categoryItem} categoryID == $categoryItem->categoryID} class="active"{/if} data-category-id="{@$categoryItem->categoryID}"> diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Mobile.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Mobile.js index bce81aa29b..afc3406a81 100644 --- 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 d21b5a340e..e961b16069 100644 --- 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; - } - } - } } } -- 2.20.1