From f6b791bb9b6629c5353b443fe0c69c43384ae09e Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Fri, 22 Sep 2023 18:40:18 +0200
Subject: [PATCH] pdf bloc with padding compatible rtl

---
 public/css/app.css              | 8 ++++++++
 public/js/organization.js       | 4 ++--
 public/js/signature.js          | 4 ++--
 templates/organization.html.php | 2 +-
 templates/signature.html.php    | 2 +-
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index cdfe178..b547e51 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -82,3 +82,11 @@
         font-size: .875em
     }
 }
+
+.decalage-pdf-div:dir(ltr) {
+    padding-right: 350px;
+}
+
+.decalage-pdf-div:dir(rtl) {
+    padding-left: 350px;
+}
diff --git a/public/js/organization.js b/public/js/organization.js
index 5f9ca32..87d3e21 100644
--- a/public/js/organization.js
+++ b/public/js/organization.js
@@ -27,7 +27,7 @@ var disabledHoverStyle = function() {
 }
 var responsiveDisplay = function() {
     if(is_mobile()) {
-        document.getElementById('page-organization').style.paddingRight = "inherit";
+        document.getElementById('page-organization').classList.remove('decalage-pdf-div');
         menu.classList.remove('show');
         menuOffcanvas.hide();
         document.getElementById('container-pages').classList.remove('vh-100');
@@ -36,7 +36,7 @@ var responsiveDisplay = function() {
         document.getElementById('container-btn-zoom').classList.add('d-none');
     } else {
         menuOffcanvas.show();
-        document.getElementById('page-organization').style.paddingRight = "350px";
+        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';
diff --git a/public/js/signature.js b/public/js/signature.js
index c2165ab..2a3e092 100644
--- a/public/js/signature.js
+++ b/public/js/signature.js
@@ -186,13 +186,13 @@ var is_mobile = function() {
 
 var responsiveDisplay = function() {
     if(is_mobile()) {
-        document.getElementById('page-signature').style.paddingRight = "inherit";
+        document.getElementById('page-signature').classList.remove('decalage-pdf-div');
         menu.classList.remove('show');
         menuOffcanvas.hide();
         document.getElementById('container-pages').classList.remove('vh-100');
     } else {
         menuOffcanvas.show();
-        document.getElementById('page-signature').style.paddingRight = "350px";
+        document.getElementById('page-signature').classList.add('decalage-pdf-div');
         document.getElementById('container-pages').classList.add('vh-100');
     }
     menu.classList.remove('d-md-block');
diff --git a/templates/organization.html.php b/templates/organization.html.php
index da7015f..4ccfc2d 100644
--- a/templates/organization.html.php
+++ b/templates/organization.html.php
@@ -42,7 +42,7 @@
             <small><?php echo _("Free open-source software"); ?> <span class="d-none d-md-inline"><?php echo _("under AGPL-3.0 license"); ?></span> : <a href="https://github.com/24eme/signaturepdf"><?php echo _("see the source code"); ?></a><?php if($COMMIT): ?> <span class="d-none d-md-inline small">[<a href="https://github.com/24eme/signaturepdf/tree/<?php echo $COMMIT ?>"><?php echo $COMMIT ?></a>]</span><?php endif; ?></small>
         </footer>
     </div>
-    <div id="page-organization" style="padding-right: 350px;" class="d-none">
+    <div id="page-organization" class="d-none decalage-pdf-div">
         <div id="div-margin-top" style="height: 88px;" class="d-md-none"></div>
         <div style="top: 62px;" class="w-100 position-absolute text-center text-muted opacity-50 d-md-none"><em><?php echo _("Touch a page to select it"); ?></em></div>
         <div id="container-main">
diff --git a/templates/signature.html.php b/templates/signature.html.php
index 5ea5f7a..688441f 100644
--- a/templates/signature.html.php
+++ b/templates/signature.html.php
@@ -40,7 +40,7 @@
         <small><?php echo _("Free open-source software"); ?> <span class="d-none d-md-inline"><?php echo _("under AGPL-3.0 license"); ?></span> : <a href="https://github.com/24eme/signaturepdf"><?php echo _("see the source code"); ?></a><?php if($COMMIT): ?> <span class="d-none d-md-inline small">[<a href="https://github.com/24eme/signaturepdf/tree/<?php echo $COMMIT ?>"><?php echo $COMMIT ?></a>]</span><?php endif; ?></small>
     </footer>
 </div>
-<div id="page-signature" style="padding-right: 350px;" class="d-none">
+<div id="page-signature" class="d-none decalage-pdf-div">
     <?php if(isset($hash)): ?>
         <div id="alert-signature-help" class="position-relative d-none">
             <div class="alert alert-primary alert-dismissible position-absolute top-0 start-50 translate-middle-x text-center mt-4 pb-2 w-50 opacity-100" style="z-index: 100;" role="alert">