diff --git a/app/assets/javascripts/expandCollapse.js b/app/assets/javascripts/expandCollapse.js deleted file mode 100644 index 396747d4c..000000000 --- a/app/assets/javascripts/expandCollapse.js +++ /dev/null @@ -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); diff --git a/app/assets/stylesheets/components/email-message.scss b/app/assets/stylesheets/components/email-message.scss index d999e8c96..c829a0de3 100644 --- a/app/assets/stylesheets/components/email-message.scss +++ b/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; -} diff --git a/gulpfile.js b/gulpfile.js index 305323158..c10a41f28 100644 --- a/gulpfile.js +++ b/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',