From 692245f763abfab0a0d54a1bab6ff2793db44ed5 Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Sat, 8 Oct 2022 11:05:03 +0200
Subject: [PATCH] [Organization] Hide top and bottom margin in dragging mode
 mobile

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

diff --git a/public/js/organization.js b/public/js/organization.js
index 1b78cc5..9f54437 100644
--- a/public/js/organization.js
+++ b/public/js/organization.js
@@ -491,7 +491,9 @@ var updateGlobalState = function() {
         button.setAttribute('disabled', 'disabled');
     });
     document.querySelector('#container_btn_select .card-header span').innerText = "Aucune";
-    document.querySelector('#backdrop_drag_mode').classList.add('d-none');
+    document.querySelector('#backdrop_drag_mode').classList.add('d-none')
+    document.querySelector('#div-margin-top').classList.remove('d-none');
+    document.querySelector('#div-margin-bottom').classList.remove('d-none');;
     document.querySelector('#top_bar_action').classList.remove('d-none');
     document.querySelector('#top_bar_action_selection').classList.add('d-none');
     document.querySelector('#bottom_bar_action').classList.remove('d-none');
@@ -526,6 +528,8 @@ var updateGlobalState = function() {
         document.querySelector('#backdrop_drag_mode').style.width = document.querySelector('#container-pages').scrollWidth+'px';
         document.querySelector('#backdrop_drag_mode').style.height = document.querySelector('#container-pages').scrollHeight+'px';
         document.querySelector('#backdrop_drag_mode').classList.remove('d-none');
+        document.querySelector('#div-margin-top').classList.add('d-none');
+        document.querySelector('#div-margin-bottom').classList.add('d-none');
     }
 }
 
diff --git a/templates/organization.html.php b/templates/organization.html.php
index 9886c22..279243a 100644
--- a/templates/organization.html.php
+++ b/templates/organization.html.php
@@ -45,7 +45,7 @@
         </footer>
     </div>
     <div id="page-organization" style="padding-right: 350px;" class="d-none">
-        <div style="height: 65px;" class="d-md-none"></div>
+        <div id="div-margin-top" style="height: 65px;" class="d-md-none"></div>
         <div id="container-pages" class="col-12 pt-1 vh-100 d-flex align-content-start flex-wrap position-relative" style="overflow-y: scroll;">
             <div id="backdrop_drag_mode" class="position-absolute bg-dark opacity-25 d-none"></div>
         </div>
@@ -53,7 +53,7 @@
             <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>
-        <div style="height: 55px;" class="d-md-none"></div>
+        <div id="div-margin-bottom" style="height: 55px;" class="d-md-none"></div>
         <div class="offcanvas offcanvas-end show d-none d-md-block shadow-sm" data-bs-backdrop="false" data-bs-scroll="true" data-bs-keyboard="false" tabindex="-1" id="sidebarTools" aria-labelledby="sidebarToolsLabel">
             <a class="btn btn-close btn-sm position-absolute opacity-25 d-none d-sm-none d-md-block" title="Fermer ce PDF et retourner à l'accueil" style="position: absolute; top: 2px; right: 2px; font-size: 10px;" href="/organization"></a>
             <div class="offcanvas-header mb-0 pb-0">
@@ -127,6 +127,6 @@
     <script>
     var maxSize = <?php echo $maxSize ?>;
     </script>
-    <script src="/js/organization.js?202210081057"></script>
+    <script src="/js/organization.js?202210081104"></script>
   </body>
 </html>
\ No newline at end of file