diff --git a/scripts/interface.js b/scripts/interface.js index 6977bff..8739171 100644 --- a/scripts/interface.js +++ b/scripts/interface.js @@ -100,6 +100,13 @@ class Form extends InterfaceElement { return this.appendElement(new FormElement(params)); } + createMediumTextBox(params) { + params.tag = document.createElement("textarea"); + params.tag.classList.add("mediumbox") + dataTypeSupports(params, ["plaintext", "b64", "json-b64"]); + return this.appendElement(new FormElement(params)); + } + createPasswordInput(params) { params.tag = document.createElement("input"); params.tag.setAttribute("type", "password"); diff --git a/style.css b/style.css index e9f7556..4c69c31 100644 --- a/style.css +++ b/style.css @@ -31,10 +31,14 @@ input { } input:not([type]), input[type=password] { - width: 20em; font-family: monospace; } +.mediumbox { + width: 20em; + height: 5em; +} + label, input, button, textarea { display: block; margin-top: 1em; @@ -56,7 +60,7 @@ input:focus, textarea:focus { } textarea:disabled, input:disabled { - opacity: 40%; + background: #ffffff33; } .checkbox-container {