diff --git a/src/web/Manager.mjs b/src/web/Manager.mjs index 602a3ec7..01726be0 100755 --- a/src/web/Manager.mjs +++ b/src/web/Manager.mjs @@ -147,7 +147,7 @@ class Manager { this.addMultiEventListener("#input-text", "keyup", this.input.debounceInputChange, this.input); this.addMultiEventListener("#input-text", "paste", this.input.inputPaste, this.input); document.getElementById("reset-layout").addEventListener("click", this.app.resetLayout.bind(this.app)); - document.getElementById("clr-io").addEventListener("click", this.input.clearAllIoClick.bind(this.input)); + this.addListeners("#clr-io,#btn-close-all-tabs", "click", this.input.clearAllIoClick, this.input); this.addListeners("#open-file,#open-folder", "change", this.input.inputOpen, this.input); this.addListeners("#input-text,#input-file", "dragover", this.input.inputDragover, this.input); this.addListeners("#input-text,#input-file", "dragleave", this.input.inputDragleave, this.input); diff --git a/src/web/html/index.html b/src/web/html/index.html index bf2a4bef..a262356b 100755 --- a/src/web/html/index.html +++ b/src/web/html/index.html @@ -254,6 +254,9 @@ Find tab + + Close all tabs + > diff --git a/src/web/stylesheets/layout/_io.css b/src/web/stylesheets/layout/_io.css index a26c09bb..ced5d4f0 100755 --- a/src/web/stylesheets/layout/_io.css +++ b/src/web/stylesheets/layout/_io.css @@ -118,6 +118,10 @@ float: left; } +#btn-close-all-tabs { + color: var(--breakpoint-font-colour) !important; +} + .input-tab-content, .output-tab-content { width: 100%;