From 2cb09d6931343a1fd0ddc8396c0c6517db0d2e7a Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Fri, 22 Sep 2023 23:50:36 +0200
Subject: [PATCH] css ltr for checkbox file list in organisation

---
 public/css/app.css        | 8 ++++++++
 public/js/organization.js | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/css/app.css b/public/css/app.css
index b715b33..ca23aff 100644
--- 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
index 1804eff..cad9cc9 100644
--- 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) {