diff --git a/src/app/components/vertical-icons-component.js b/src/app/components/vertical-icons-component.js index 54659671c2..e85322e09a 100644 --- a/src/app/components/vertical-icons-component.js +++ b/src/app/components/vertical-icons-component.js @@ -116,11 +116,16 @@ class VerticalIconComponent { * Remove active for the current activated icons */ removeActive () { + // reset filters + const images = this.view.querySelectorAll(`.image`) + images.forEach(function (im) { + im.style.setProperty('filter', 'invert(0.5)') + }) + + // remove active const currentActive = this.view.querySelector(`.${css.active}`) if (currentActive) { currentActive.classList.remove(css.active) - let image = currentActive.querySelector('.image') - image.style.setProperty('filter', 'invert(0.5)') } } @@ -242,7 +247,6 @@ const css = csjs` filter: invert(0.5); } .image { - filter: invert(0.5); } .icon svg { width: 28px; diff --git a/src/app/tabs/runTab/contractDropdown.js b/src/app/tabs/runTab/contractDropdown.js index 93ea394082..900cc26554 100644 --- a/src/app/tabs/runTab/contractDropdown.js +++ b/src/app/tabs/runTab/contractDropdown.js @@ -68,7 +68,6 @@ class ContractDropdownUI { ` this.selectContractNames.addEventListener('change', this.setInputParamsPlaceHolder.bind(this)) - this.setInputParamsPlaceHolder() return el } @@ -89,7 +88,7 @@ class ContractDropdownUI { this.orLabel.style.display = 'block' } } - + setInputParamsPlaceHolder () { this.createPanel.innerHTML = '' if (this.selectContractNames.selectedIndex < 0 || this.selectContractNames.children.length <= 0) {