Merge pull request #3108 from alphagov/remove-expand-collapse-js

Remove expandCollapse JS

app/assets/javascripts/expandCollapse.js

@@ -1,58 +0,0 @@
-(function(Modules) {
-  "use strict";
-
-  Modules.ExpandCollapse = function() {
-
-    this.start = function(component) {
-
-      this.$component = $(component);
-
-      this.$toggle = this.$component.find('.toggle')
-        .on(
-          "click",
-          this.change
-        )
-        .on("keydown", this.filterKeyPresses([32, 13], this.change));
-
-      if (this.getNativeHeight() < this.$component.data('max-height')) {
-        this.change();
-      }
-
-    };
-
-    this.filterKeyPresses = (keys, callback) => function(event) {
-
-      if (keys.indexOf(event.keyCode)) return;
-
-      event.preventDefault();
-      callback();
-
-    };
-
-    this.getNativeHeight = function() {
-
-      var $copy = this.$component.clone().css({
-        'position': 'absolute',
-        'left': '9999px',
-        'width': this.$component.width(),
-        'font-size': this.$component.css('font-size'),
-        'line-height': this.$component.css('line-height')
-      }).addClass('expanded');
-
-      $('body').append($copy);
-
-      var nativeHeight = $copy.height();
-
-      $copy.remove();
-
-      return nativeHeight;
-
-    };
-
-    this.change = () => this.toggleCollapsed() && this.$toggle.remove();
-
-    this.toggleCollapsed = () => this.$component.addClass('expanded');
-
-  };
-
-})(window.GOVUK.Modules);

app/assets/stylesheets/components/email-message.scss

@@ -70,65 +70,6 @@ $email-message-gutter: $gutter * 2;
 
     }
 
-    &-wrapper {
-
-      .js-enabled & {
-        max-height: 92px;
-        padding: 0;
-        overflow: hidden;
-      }
-
-      .js-enabled .expanded & {
-        max-height: none;
-        padding-bottom: $gutter;
-      }
-
-    }
-
-    .toggle {
-
-      display: none;
-      position: absolute;
-      left: 50%;
-      bottom: -18px;
-      height: 27px;
-      padding: 0;
-      margin: 0 0 0 -30px;
-      line-height: 12px;
-      font-size: 30px;
-      font-weight: bold;
-      letter-spacing: 2px;
-      text-align: center;
-      cursor: pointer;
-      width: 60px;
-      text-decoration: none;
-      background: $grey-3;
-      color: $text-colour;
-      border-style: solid;
-      border-width: 3px;
-      border-color: $white;
-      box-shadow: inset 0 -2px 0 $button-bottom-border-colour, 0 0 0 1px $white-50-opaque;
-
-      &:hover {
-        background: $grey-2;
-      }
-
-      &:focus,
-      &:active {
-        border-color: $yellow;
-        outline: none;
-      }
-
-    }
-
   }
 
 }
-
-.js-enabled .toggle {
-  display: inline-block;
-}
-
-.js-enabled .expanded .toggle {
-  display: none;
-}

gulpfile.js

@@ -84,7 +84,6 @@ const javascripts = () => {
       paths.src + 'javascripts/autofocus.js',
       paths.src + 'javascripts/highlightTags.js',
       paths.src + 'javascripts/fileUpload.js',
-      paths.src + 'javascripts/expandCollapse.js',
       paths.src + 'javascripts/radioSelect.js',
       paths.src + 'javascripts/updateContent.js',
       paths.src + 'javascripts/listEntry.js',