Fixed hover bug of the 'Custom' checkbox'.

This commit is contained in:
OUNZAR Aymane 2025-11-12 11:26:17 +01:00
parent 987988ed49
commit 1873385679

View File

@ -18,12 +18,9 @@
</div> </div>
<form id="multiPdfForm" th:action="@{'/api/v1/general/multi-page-layout'}" method="post" enctype="multipart/form-data"> <form id="multiPdfForm" th:action="@{'/api/v1/general/multi-page-layout'}" method="post" enctype="multipart/form-data">
<div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}"></div> <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}"></div>
<div class="mb-3"> <div class="form-check mb-3">
<label class="form-label" th:text="#{pageLayout.mode}"></label> <input type="checkbox" id="modeCustom">
<div class="form-check"> <label for="modeCustom" th:text="#{pageLayout.custom}"></label>
<input class="form-check-input" type="checkbox" id="modeCustom" name="mode" value="CUSTOM">
<label class="form-check-label" for="modeCustom" th:text="#{pageLayout.custom}">Custom</label>
</div>
</div> </div>
<div id="defaultSection" class="mb-3" style="border:1px solid #eee; padding:1em; border-radius:8px; margin-bottom:1em;"> <div id="defaultSection" class="mb-3" style="border:1px solid #eee; padding:1em; border-radius:8px; margin-bottom:1em;">
<label for="pagesPerSheet" th:text="#{pageLayout.pagesPerSheet}"></label> <label for="pagesPerSheet" th:text="#{pageLayout.pagesPerSheet}"></label>
@ -76,8 +73,7 @@
<script> <script>
(function(){ (function(){
const form = document.getElementById('multiPdfForm'); const modeCheckbox = document.getElementById('modeCustom');
const modeCheckbox = form.querySelector('input[name="mode"]');
const defaultSection = document.getElementById('defaultSection'); const defaultSection = document.getElementById('defaultSection');
const customSection = document.getElementById('customSection'); const customSection = document.getElementById('customSection');
const pagesPerSheet = document.getElementById('pagesPerSheet'); const pagesPerSheet = document.getElementById('pagesPerSheet');