css ltr for checkbox file list in organisation

24eme · Sep 22, 2023 · 2cb09d6 · 2cb09d6
1 parent ed3eabc
commit 2cb09d6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/public/css/app.css b/public/css/app.css
@@ -102,3 +102,11 @@
 #container-btn-zoom:dir(rtl) {
     left: 357px;
 }
+
+.file-list-checkbox:dir(ltr) {
+    right: 10px;
+}
+
+.file-list-checkbox:dir(rtl) {
+    left: 10px;
+}
diff --git a/public/js/organization.js b/public/js/organization.js
@@ -317,7 +317,7 @@ var updateListePDF = function() {
     for (var i = 0; i < nbFiles; i++) {
         let pdfLetter = String.fromCharCode(96 + i+1).toUpperCase();
         const pdfFile = document.querySelector('#input_pdf').files.item(i);
-        document.querySelector('#list_pdf').insertAdjacentHTML('beforeend', '<li id="file_' + pdfLetter + '" class="list-group-item small ps-2 pe-5" title="'+decodeURI(pdfFile.name)+'" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;"><i class="bi bi-files"></i><span class="ms-2">'+decodeURI(pdfFile.name)+'</span> <input class="form-check-input float-end position-absolute" style="right: 10px;" type="checkbox" /> </li>');
+        document.querySelector('#list_pdf').insertAdjacentHTML('beforeend', '<li id="file_' + pdfLetter + '" class="list-group-item small ps-2 pe-5" title="'+decodeURI(pdfFile.name)+'" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;"><i class="bi bi-files"></i><span class="ms-2">'+decodeURI(pdfFile.name)+'</span> <input class="form-check-input float-end position-absolute file-list-checkbox" type="checkbox" /> </li>');
         let fileItem = document.querySelector('#file_' + pdfLetter);
         fileItem.querySelector('input[type=checkbox]').addEventListener('change', function(e) {
             document.querySelectorAll('.canvas-container').forEach(function(page) {