diff --git a/src/main/resources/static/css/dark-mode.css b/src/main/resources/static/css/dark-mode.css
index cf2e028d..82e01676 100644
--- a/src/main/resources/static/css/dark-mode.css
+++ b/src/main/resources/static/css/dark-mode.css
@@ -91,3 +91,26 @@ hr {
border-color: rgba(255, 255, 255, 0.6); /* semi-transparent white */
background-color: rgba(255, 255, 255, 0.6); /* for some browsers that might use background instead of border for
*/
}
+
+#global-buttons-container input {
+ background-color: #323948;
+ caret-color: #ffffff;
+ color: #ffffff;
+}
+#global-buttons-container input::placeholder {
+ color: #ffffff;
+}
+
+#global-buttons-container input:disabled::-webkit-input-placeholder { /* WebKit browsers */
+ color: #6E6865;
+}
+#global-buttons-container input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+ color: #6E6865;
+}
+#global-buttons-container input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
+ color: #6E6865;
+}
+#global-buttons-container input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
+ color: #6E6865;
+}
+
diff --git a/src/main/resources/static/css/light-mode.css b/src/main/resources/static/css/light-mode.css
index b696c036..08efbf4c 100644
--- a/src/main/resources/static/css/light-mode.css
+++ b/src/main/resources/static/css/light-mode.css
@@ -2,4 +2,23 @@
body {
--body-background-color: 255, 255, 255;
--base-font-color: 33, 37, 41;
-}
\ No newline at end of file
+}
+
+
+#global-buttons-container input {
+ background-color: #ffffff;
+ /*caret-color: #ffffff;*/
+ /*color: #ffffff;*/
+}
+/*#global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *!*/
+/* color: #98A0AB;*/
+/*}*/
+/*#global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/
+/* color: #98A0AB;*/
+/*}*/
+/*#global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *!*/
+/* color: #98A0AB;*/
+/*}*/
+/*#global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *!*/
+/* color: #98A0AB;*/
+/*}*/
diff --git a/src/main/resources/static/js/multitool/PdfContainer.js b/src/main/resources/static/js/multitool/PdfContainer.js
index 570db8a5..f8eb36e6 100644
--- a/src/main/resources/static/js/multitool/PdfContainer.js
+++ b/src/main/resources/static/js/multitool/PdfContainer.js
@@ -35,11 +35,13 @@ class PdfContainer {
const filenameInput = document.getElementById('filename-input');
const filenameParagraph = document.getElementById('filename');
+ const downloadBtn = document.getElementById('export-button');
filenameInput.onkeyup = this.updateFilename;
filenameInput.disabled = true;
filenameInput.innerText = "";
filenameParagraph.innerText = "";
+ downloadBtn.disabled = true;
}
movePageTo(startElement, endElement, scrollTo = false) {
@@ -78,10 +80,10 @@ class PdfContainer {
const downloadBtn = document.getElementById('export-button');
filenameInput.disabled = false;
- downloadBtn.disabled = false;
if (pagesContainer.childElementCount === 0) {
filenameInput.value = "";
+ downloadBtn.disabled = true;
}
}
@@ -228,26 +230,31 @@ class PdfContainer {
this.downloadLink = document.createElement('a');
this.downloadLink.id = 'download-link';
this.downloadLink.href = url;
- console.log('downloadLink.href ' + this.downloadLink.href);
// downloadLink.download = this.fileName ? this.fileName : 'managed.pdf';
// downloadLink.download = this.fileName;
this.downloadLink.setAttribute('download', this.filename ? this.fileName : 'managed.pdf');
this.downloadLink.setAttribute('target', '_blank');
this.downloadLink.onclick = this.setDownloadAttribute;
- console.log('downloadLink download ' + this.downloadLink.download);
this.downloadLink.click();
}
}
setDownloadAttribute() {
- console.log('inside setDownloadAttribute ' + this.filename);
this.downloadLink.setAttribute("download", this.filename ? this.filename : 'managed.pdf');
}
updateFilename() {
const filenameInput = document.getElementById('filename-input');
const filenameParagraph = document.getElementById('filename');
+ const downloadBtn = document.getElementById('export-button');
+ if (filenameInput.value === "") {
+ filenameParagraph.innerText = "";
+ downloadBtn.disabled = true;
+ return;
+ }
+
+ downloadBtn.disabled = false;
this.filename = filenameInput.value;
filenameParagraph.innerText = this.filename + ".pdf";
}
diff --git a/src/main/resources/templates/multi-tool.html b/src/main/resources/templates/multi-tool.html
index 2df41c0a..4e1276de 100644
--- a/src/main/resources/templates/multi-tool.html
+++ b/src/main/resources/templates/multi-tool.html
@@ -124,31 +124,6 @@
#global-buttons-container > * {
padding: 0.6rem 0.75rem;
}
- #global-buttons-container input {
- background-color: #323948;
- caret-color: #ffffff;
- color: #ffffff;
- }
- #global-buttons-container input::placeholder {
- color: #ffffff;
- }
-
- #global-buttons-container input:disabled {
- color: #3D3D3D !important;
- }
-
- #global-buttons-container input:disabled::-webkit-input-placeholder { /* WebKit browsers */
- color: #6E6865;
- }
- #global-buttons-container input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
- color: #6E6865;
- }
- #global-buttons-container input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
- color: #6E6865;
- }
- #global-buttons-container input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
- color: #6E6865;
- }
#global-buttons-container svg {
width: 20px;