Revert "[Admin] Added collapse menu"

Sylius · Jul 23, 2020 · 9baca24 · 9baca24
1 parent 7a1a27b
commit 9baca24
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 79 deletions.
diff --git a/src/Sylius/Bundle/AdminBundle/Resources/private/js/app.js b/src/Sylius/Bundle/AdminBundle/Resources/private/js/app.js
@@ -26,8 +26,6 @@ import './sylius-notification';
 import './sylius-product-images-preview';
 import './sylius-product-slug';
 import './sylius-taxon-slug';
-import './sylius-chart';
-import customCollapse from './sylius-custom-collapse';
 
 import StatisticsComponent from './sylius-statistics';
 import SyliusTaxonomyTree from './sylius-taxon-tree';
@@ -119,8 +117,6 @@ $(document).ready(() => {
   const dashboardStatistics = new StatisticsComponent(document.querySelector('.stats'));
 
   $('.sylius-admin-menu').searchable('.sylius-admin-menu-search-input');
-
-  customCollapse('#sidebar .item .header', '#sidebar .item', 'open', false);
 });
 
 window.$ = $;

diff --git a/src/Sylius/Bundle/AdminBundle/Resources/private/js/sylius-custom-collapse.js b/src/Sylius/Bundle/AdminBundle/Resources/private/js/sylius-custom-collapse.js
diff --git a/src/Sylius/Bundle/AdminBundle/Resources/private/sass/_ui.scss b/src/Sylius/Bundle/AdminBundle/Resources/private/sass/_ui.scss
@@ -79,6 +79,7 @@ a {
     .item > .header {
         text-transform: uppercase;
         font-size: 11px;
+        margin-bottom: 16px;
     }
 
     .item > i.icon {
@@ -96,51 +97,6 @@ a {
         background: $sylius-brand-color !important;
         border-radius: 0 99px 99px 0 !important;
     }
-    .item {
-        padding-bottom: 5px;
-        .menu {
-            visibility: hidden;
-            overflow: hidden;
-            max-height: 0;
-            transition: all .5s ease-in-out;
-        }
-        .header {
-            margin-bottom: 0;
-            transition: .7s ease-in-out;
-            cursor: pointer;
-            position: relative;
-            &:before, &:after {
-                content: "";
-                display: block;
-                position: absolute;
-                top: 50%;
-                right: 0;
-                width: 10px;
-                height: 2px;
-                margin-top: -1px;
-                background: white;
-            }
-            &:after {
-                transform: rotate(90deg);
-                transition: .3s;
-            }
-        }
-        &.open,
-        &.current_ancestor {
-            .menu{
-                max-height: 120vh;
-                overflow: visible;
-                visibility: visible;
-                border-bottom-color: #f0f0f0;
-            }
-            .header {
-                margin-bottom: 15px;
-                &:after {
-                    transform: rotate(0deg);
-                }
-            }
-        }
-    }
 }
 
 // ----------------------------------