From 056409cb6dc1b619035906f6bd16647068001a4e Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Fri, 22 Sep 2023 23:39:18 +0200
Subject: [PATCH] Zoom buttons on rtl direction

---
 public/css/app.css              | 12 ++++++++++++
 public/js/organization.js       |  4 ----
 templates/organization.html.php |  2 +-
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index b547e51..116f269 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -90,3 +90,15 @@
 .decalage-pdf-div:dir(rtl) {
     padding-left: 350px;
 }
+
+#container-btn-zoom {
+    top: 6px;
+}
+
+#container-btn-zoom:dir(ltr) {
+    right: 368px;
+}
+
+#container-btn-zoom:dir(rtl) {
+    left: 368px;
+}
diff --git a/public/js/organization.js b/public/js/organization.js
index 87d3e21..1804eff 100644
--- a/public/js/organization.js
+++ b/public/js/organization.js
@@ -31,15 +31,11 @@ var responsiveDisplay = function() {
         menu.classList.remove('show');
         menuOffcanvas.hide();
         document.getElementById('container-pages').classList.remove('vh-100');
-        document.getElementById('container-btn-zoom').style.top = '62px';
-        document.getElementById('container-btn-zoom').style.right = '6px';
         document.getElementById('container-btn-zoom').classList.add('d-none');
     } else {
         menuOffcanvas.show();
         document.getElementById('page-organization').classList.add('decalage-pdf-div');
         document.getElementById('container-pages').classList.add('vh-100');
-        document.getElementById('container-btn-zoom').style.top = '6px';
-        document.getElementById('container-btn-zoom').style.right = '368px';
         document.getElementById('container-btn-zoom').classList.remove('d-none');
     }
     menu.classList.remove('d-md-block');
diff --git a/templates/organization.html.php b/templates/organization.html.php
index 20eae8f..c5fdffa 100644
--- a/templates/organization.html.php
+++ b/templates/organization.html.php
@@ -45,7 +45,7 @@
             <div id="container-pages" class="col-12 pt-1 vh-100 d-flex align-content-start flex-wrap position-relative" style="overflow-y: scroll; overflow-x: hidden;" dir="auto">
             </div>
         </div>
-        <div id="container-btn-zoom" class="btn-group-vertical position-fixed" style="top: 6px; right: 368px;">
+        <div id="container-btn-zoom" class="btn-group-vertical position-fixed">
             <button id="btn-zoom-increase" class="btn btn-outline-dark bg-white text-dark"><i class="bi bi-zoom-in"></i></button>
             <button id="btn-zoom-decrease" class="btn btn-outline-dark bg-white text-dark"><i class="bi bi-zoom-out"></i></button>
         </div>