MNT Remove unused JS and CSS

creative-commoners · Aug 30, 2024 · 2d2e2a3 · 2d2e2a3
1 parent 67c5d86
commit 2d2e2a3
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 194 deletions.
diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css
diff --git a/client/src/components/Menu/Menu.scss b/client/src/components/Menu/Menu.scss
@@ -206,37 +206,6 @@
     text-align: center;
     text-transform: uppercase;
   }
-
-  // Sub menu (will also be available for profile)
-  .toggle-children {
-    display: inline-block;
-    float: right;
-    width: 20px;
-    height: 100%;
-    cursor: pointer;
-    padding-top: 17px;
-  }
-
-  .toggle-children-icon {
-    background-image: none;
-    border-color: darken(#ccdce6, 25%);
-    border-style: solid;
-    border-width: 0 1px 1px 0;
-    width: 8px;
-    height: 8px;
-    position: absolute;
-    margin-top: 3px;
-    right: 8px;
-    z-index: 2;
-    -ms-transform: rotate(-45deg); // IE 9
-    -webkit-transform: rotate(-45deg); // Chrome, Safari, Opera
-    transform: rotate(-45deg);
-    // display: none;  // To be shown by javascript, see LeftAndMain.Panel.js
-  }
-
-  .opened .toggle-children-icon {
-    margin-top: 1px;
-  }
 }
 
 .cms-menu-mobile-overlay {
@@ -476,22 +445,12 @@
           margin-left: 38px;
         }
       }
-
-      span.toggle-children {
-        top: 0;
-      }
-
     }
 
-    &.current { //need to apply current stlye to children also (at least line height)
+    &.current {
 
       >a {
         background-color: $base-menu;
-
-        .toggle-children .toggle-children-icon {
-          @include icon-sprites(32x32);
-          @include sprite($sprites-32x32-menu-arrow-down);
-        }
       }
 
       a {
@@ -516,60 +475,6 @@
 
       }
     }
-
-    // Has sub menu
-    &.children {
-
-      .no-icon.text {
-        margin-left: 30px;
-      }
-
-      // Sub menu
-      ul li a {
-        font-size: 12px;
-        line-height: 18px;
-        height: 18px;
-        padding-top: 11px;
-        padding-bottom: 11px;
-        color: lighten($body-color, 10%);
-        background-color: $base-menu-bg;
-
-        /* stylelint-disable-next-line selector-max-compound-selectors */
-        span.text {
-          margin-left: 23px;
-        }
-      }
-
-      &.current {
-        > a {
-          background-color: transparent;
-
-          &:hover {
-            background-color: lighten($base-menu, 3%);
-          }
-        }
-      }
-
-      &.opened {
-        a:hover {
-          background-color: lighten($base-menu, 3%);
-        }
-
-        .current a {
-          background-color: $base-menu;
-        }
-
-        .opened .toggle-children-icon {
-          transform: rotate(45deg);
-        }
-      }
-    }
-  }
-
-  &.collapsed {
-    .toggle-children {
-      display: none;
-    }
   }
 }
 

diff --git a/client/src/legacy/LeftAndMain.Menu.js b/client/src/legacy/LeftAndMain.Menu.js
@@ -29,28 +29,6 @@ $.entwine('ss', function($){
    */
   $('.cms-panel.cms-menu').entwine({
 
-    togglePanel: function(doExpand, silent, doSaveState) {
-      //apply or unapply the child formatting, should only apply to cms-menu__list when the current collapsed panal is the cms menu.
-      $('.cms-menu__list').children('li').each(function(){
-        if (doExpand) { //expand
-          $(this).children('ul').each(function() {
-            if ($(this).data('collapse')) {
-              $(this).removeData('collapse');
-              $(this).addClass('collapse');
-            }
-          });
-        } else {  //collapse
-          $(this).children('ul').each(function() {
-            $(this).hasClass('collapse');
-            $(this).removeClass('collapse');
-            $(this).data('collapse', true);
-          });
-        }
-      });
-
-      this._super(doExpand, silent, doSaveState);
-    },
-
     siteTreePresent: function () {
       return $('#cms-content-tools-CMSMain').length > 0;
     },
@@ -141,7 +119,7 @@ $.entwine('ss', function($){
     onmatch: function() {
       var self = this;
 
-      // Select default element (which might reveal children in hidden parents)
+      // Select default element
       this.find('li.current').select();
 
       this.updateItems();
@@ -187,14 +165,6 @@ $.entwine('ss', function($){
         // Trigger synthetic resize event. Avoid native window.resize event
         // since it causes other behaviour which should be reserved for actual window dimension changes.
         $('.cms-container').trigger('windowresize');
-
-        //If panel is closing
-        if (this.hasClass('collapsed')) this.find('li.children.opened').removeClass('opened');
-
-        //If panel is opening
-        if(!this.hasClass('collapsed')) {
-          $('.toggle-children.opened').closest('li').addClass('opened');
-        }
       }
     },
 
@@ -214,56 +184,6 @@ $.entwine('ss', function($){
     }
   });
 
-  $('.cms-menu__list li').entwine({
-    onmatch: function() {
-      if(this.find('ul').length) {
-        this.find('a:first').append('<span class="toggle-children"><span class="toggle-children-icon"></span></span>');
-      }
-      this._super();
-    },
-    onunmatch: function() {
-      this._super();
-    },
-    toggle: function() {
-      this[this.hasClass('opened') ? 'close' : 'open']();
-    },
-    /**
-     * "Open" is just a visual state, and unrelated to "current".
-     * More than one item can be open at the same time.
-     */
-    open: function() {
-      var parent = this.getMenuItem();
-      if(parent) parent.open();
-      if( this.find('li.clone') ) {
-        this.find('li.clone').remove();
-      }
-      this.addClass('opened').find('ul').show();
-      this.find('.toggle-children').addClass('opened');
-    },
-    close: function() {
-      this.removeClass('opened').find('ul').hide();
-      this.find('.toggle-children').removeClass('opened');
-    },
-    select: function() {
-      var parent = this.getMenuItem();
-      this.addClass('current').open();
-
-      // Remove "current" class from all siblings and their children
-      this.siblings().removeClass('current').close();
-      this.siblings().find('li').removeClass('current');
-      if(parent) {
-        var parentSiblings = parent.siblings();
-        parent.addClass('current');
-        parentSiblings.removeClass('current').close();
-        parentSiblings.find('li').removeClass('current').close();
-      }
-
-      this.getMenu().updateItems();
-
-      this.trigger('select');
-    }
-  });
-
   $('.cms-menu__list *').entwine({
     getMenu: function() {
       return this.parents('.cms-menu__list:first');
@@ -298,26 +218,12 @@ $.entwine('ss', function($){
 
       var url = this.attr('href');
       if(!isExternal) url = joinUrlPaths($('base').attr('href'), url);
-
-      var children = item.find('li');
-      if(children.length) {
-        children.first().find('a').click();
-      } else {
-        document.location.href = url;
-      }
+      document.location.href = url;
 
       item.select();
     }
   });
 
-  $('.cms-menu__list li .toggle-children').entwine({
-    onclick: function(e) {
-      var li = this.closest('li');
-      li.toggle();
-      return false; // prevent wrapping link event to fire
-    }
-  });
-
   $('.cms .profile-link').entwine({
     onclick: function() {
       $('.cms-container').loadPanel(this.attr('href'));