diff --git a/src/main/resources/static/css/multi-tool.css b/src/main/resources/static/css/multi-tool.css index a06a1721f..9ba75a483 100644 --- a/src/main/resources/static/css/multi-tool.css +++ b/src/main/resources/static/css/multi-tool.css @@ -224,7 +224,7 @@ label { position: absolute; top: 5px; left: 5px; - height: 2rem; + line-height: normal; color: var(--md-sys-color-on-secondary); background-color: rgba(162, 201, 255, 0.8); padding: 6px 8px; diff --git a/src/main/resources/static/css/pdfActions.css b/src/main/resources/static/css/pdfActions.css index 3cb73cd75..41a01b243 100644 --- a/src/main/resources/static/css/pdfActions.css +++ b/src/main/resources/static/css/pdfActions.css @@ -49,14 +49,16 @@ display:flex; flex-direction: column; gap: 10px; - left: -20px; translate: 0 -50%; - width: 40px; - height: 40%; - + height: 100%; + width: 100px; + padding-left: 30px; + padding-right:30px; + justify-content: center; z-index: 3; opacity: 0; - transition: opacity 0.2s; + transition: opacity 0.4s; + } .pdf-actions_insert-file-button-container button .material-symbols-rounded { @@ -79,11 +81,11 @@ } .pdf-actions_insert-file-button-container.left { - left: -20px; + left: -50px; } .pdf-actions_insert-file-button-container.right { - right: -20px; + right: -50px; } html[dir="ltr"] .pdf-actions_insert-file-button-container.right { @@ -105,11 +107,11 @@ html[dir="rtl"] .pdf-actions_insert-file-button-container.left { } html[dir="ltr"] .pdf-actions_container:last-child>.pdf-actions_insert-file-button-container.right { - display: block; + display: flex; } html[dir="rtl"] .pdf-actions_container:last-child>.pdf-actions_insert-file-button-container.left { - display: block; + display: flex; } .pdf-actions_insert-file-button-container:hover { diff --git a/src/main/resources/static/js/multitool/PdfActionsManager.js b/src/main/resources/static/js/multitool/PdfActionsManager.js index 2c478c50e..1ef2978e9 100644 --- a/src/main/resources/static/js/multitool/PdfActionsManager.js +++ b/src/main/resources/static/js/multitool/PdfActionsManager.js @@ -225,7 +225,7 @@ class PdfActionsManager { ); const insertFileButtonRight = document.createElement("button"); - insertFileButtonRight.classList.add("btn", "btn-primary", "pdf-actions_insert-file-button"); + insertFileButtonRight.classList.add("btn", "btn-primary"); insertFileButtonRight.innerHTML = `add`; insertFileButtonRight.onclick = () => addFiles(); insertFileButtonRightContainer.appendChild(insertFileButtonRight);