fix vueJS misstype external var + change contrast color for textarea background and buttons

This commit is contained in:
idotj 2021-06-11 21:03:38 +02:00
parent 31452f01cc
commit 2a48133e63
3 changed files with 7 additions and 9 deletions

View file

@ -57,7 +57,7 @@ h3.header {
background: none; background: none;
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
color: #888; color: #777;
} }
.btn-delete-text:focus, .btn-delete-text:focus,
@ -69,7 +69,7 @@ h3.header {
position: absolute; position: absolute;
right: 2rem; right: 2rem;
bottom: 1rem; bottom: 1rem;
color: #888; color: #777;
pointer-events: none; pointer-events: none;
} }
@ -79,7 +79,7 @@ h3.header {
bottom: 1rem; bottom: 1rem;
display: flex; display: flex;
align-items: center; align-items: center;
color: #888; color: #777;
font-size: 0.85rem; font-size: 0.85rem;
background: none; background: none;
border: none; border: none;
@ -96,7 +96,7 @@ h3.header {
} }
.progress { .progress {
background-color: #efefef; background-color: #f3f3f3;
} }
.progress.translate { .progress.translate {
@ -111,7 +111,7 @@ h3.header {
font-size: 1.25rem; font-size: 1.25rem;
resize: none; resize: none;
border: 1px solid #ccc; border: 1px solid #ccc;
background: #efefef; background: #f3f3f3;
padding: 1rem 2rem 1rem 1.5rem; padding: 1rem 2rem 1rem 1.5rem;
overflow-y: hidden; overflow-y: hidden;
} }

View file

@ -1 +1 @@
h3.header{margin-bottom:2.5rem}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}.position-relative{position:relative}.language-select{display:inline-flex;align-items:center;justify-content:flex-start}.language-select select{border:none;width:auto;cursor:pointer;font-weight:600;text-decoration:underline;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:1px;text-overflow:"";padding:0;height:2rem}.btn-switch-language{color:#000;margin-left:-1.5rem;margin-right:1rem}.textarea-container{margin-top:0;position:relative}.btn-delete-text{position:absolute;right:1.5rem;top:.75rem;border:0;background:0 0;padding:0;cursor:pointer;color:#888}.btn-copy-translated:focus,.btn-delete-text:focus{background:0 0!important}.characters-limit-container{position:absolute;right:2rem;bottom:1rem;color:#888;pointer-events:none}.btn-copy-translated{position:absolute;right:2.75rem;bottom:1rem;display:flex;align-items:center;color:#888;font-size:.85rem;background:0 0;border:none;cursor:pointer;margin-right:-1.5rem}.btn-copy-translated span{padding-right:.5rem}.btn-copy-translated .material-icons{font-size:1.35rem}.progress{background-color:#efefef}.progress.translate{position:absolute}.progress .indeterminate{background-color:#4682b4}.textarea-container textarea{font-size:1.25rem;resize:none;border:1px solid #ccc;background:#efefef;padding:1rem 2rem 1rem 1.5rem;overflow-y:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.code{font-size:90%;padding:1rem 1.5rem;border:1px solid #ccc;background:#fbfbfb;overflow:auto;font-family:monospace;min-height:280px;width:100%;overflow:auto}.page-footer .footer-copyright{justify-content:center}@media (max-width:760px){.language-select select{text-align:center;margin:auto}.language-select span{display:none}} h3.header{margin-bottom:2.5rem}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}.position-relative{position:relative}.language-select{display:inline-flex;align-items:center;justify-content:flex-start}.language-select select{border:none;width:auto;cursor:pointer;font-weight:600;text-decoration:underline;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:1px;text-overflow:"";padding:0;height:2rem}.btn-switch-language{color:#000;margin-left:-1.5rem;margin-right:1rem}.textarea-container{margin-top:0;position:relative}.btn-delete-text{position:absolute;right:1.5rem;top:.75rem;border:0;background:0 0;padding:0;cursor:pointer;color:#777}.btn-copy-translated:focus,.btn-delete-text:focus{background:0 0!important}.characters-limit-container{position:absolute;right:2rem;bottom:1rem;color:#777;pointer-events:none}.btn-copy-translated{position:absolute;right:2.75rem;bottom:1rem;display:flex;align-items:center;color:#777;font-size:.85rem;background:0 0;border:none;cursor:pointer;margin-right:-1.5rem}.btn-copy-translated span{padding-right:.5rem}.btn-copy-translated .material-icons{font-size:1.35rem}.progress{background-color:#f3f3f3}.progress.translate{position:absolute}.progress .indeterminate{background-color:#4682b4}.textarea-container textarea{font-size:1.25rem;resize:none;border:1px solid #ccc;background:#f3f3f3;padding:1rem 2rem 1rem 1.5rem;overflow-y:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.code{font-size:90%;padding:1rem 1.5rem;border:1px solid #ccc;background:#fbfbfb;overflow:auto;font-family:monospace;min-height:280px;width:100%;overflow:auto}.page-footer .footer-copyright{justify-content:center}@media (max-width:760px){.language-select select{text-align:center;margin:auto}.language-select span{display:none}}

View file

@ -430,9 +430,8 @@
}; };
request.send(data); request.send(data);
}, {{ frontendTimeout }}); }, '{{ frontendTimeout }}');
}, },
copyText: function(e){ copyText: function(e){
e.preventDefault(); e.preventDefault();
this.$refs.translatedTextarea.select(); this.$refs.translatedTextarea.select();
@ -447,7 +446,6 @@
}, 1500); }, 1500);
} }
}, },
deleteText: function(e){ deleteText: function(e){
e.preventDefault(); e.preventDefault();
this.inputText = this.translatedText = this.output = ""; this.inputText = this.translatedText = this.output = "";