24eme/signaturepdf
24eme/signaturepdf
1
0
Fork 0
mirror of https://github.com/24eme/signaturepdf.git synced 2023-08-25 09:33:08 +02:00
Code Issues Releases Wiki Activity

Top bar in mobile mode with a button to open sidebar and zoom buttons suitable for mobile

Browse Source
This commit is contained in:
Vincent LAURENT 2022-05-24 00:43:34 +02:00
parent a3236c8368
commit bc4bded932
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/js/organization.js
View File

@ -10,10 +10,14 @@ var responsiveDisplay = function() {
menu.classList.remove('show'); menu.classList.remove('show');
menuOffcanvas.hide(); menuOffcanvas.hide();
document.getElementById('container-pages').classList.remove('vh-100'); document.getElementById('container-pages').classList.remove('vh-100');
document.getElementById('container-btn-zoom').style.top = '62px';
document.getElementById('container-btn-zoom').style.right = '6px';
} else { } else {
menuOffcanvas.show(); menuOffcanvas.show();
document.getElementById('page-organization').style.paddingRight = "350px"; document.getElementById('page-organization').style.paddingRight = "350px";
document.getElementById('container-pages').classList.add('vh-100'); document.getElementById('container-pages').classList.add('vh-100');
document.getElementById('container-btn-zoom').style.top = '6px';
document.getElementById('container-btn-zoom').style.right = '368px';
} }
menu.classList.remove('d-md-block'); menu.classList.remove('d-md-block');
menu.classList.remove('d-none'); menu.classList.remove('d-none');

11
templates/organization.html.php
View File

@ -44,9 +44,9 @@
</div> </div>
<div id="page-organization" style="padding-right: 350px;" class="d-none"> <div id="page-organization" style="padding-right: 350px;" class="d-none">
<div style="height: 65px;" class="d-md-none"></div> <div 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" style="padding-bottom: 60px; overflow-y: scroll;"> <div id="container-pages" class="col-12 pt-1 vh-100 d-flex align-content-start flex-wrap" style="overflow-y: scroll;">
</div> </div>
<div class="btn-group-vertical position-absolute" style="top: 6px; right: 368px;"> <div id="container-btn-zoom" class="btn-group-vertical position-fixed" style="top: 6px; right: 368px;">
<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-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> <button id="btn-zoom-decrease" class="btn btn-outline-dark bg-white text-dark"><i class="bi bi-zoom-out"></i></button>
</div> </div>
@ -85,7 +85,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="position-fixed bottom-0 start-0 bg-white w-100 p-2 shadow d-md-none"> <div class="position-fixed top-0 start-0 bg-white w-100 p-2 shadow-sm d-md-none">
<button type=button class="btn btn-light float-end" data-bs-toggle="offcanvas" data-bs-target="#sidebarTools" aria-controls="sidebarTools"><i class="bi bi-list"></i></button>
</div>
<div class="position-fixed bottom-0 start-0 bg-white w-100 p-2 shadow-sm d-md-none">
<div class="d-grid gap-2"> <div class="d-grid gap-2">
<button class="btn btn-primary" type="submit" id="save_mobile"><i class="bi bi-download"></i> Télécharger le PDF</button> <button class="btn btn-primary" type="submit" id="save_mobile"><i class="bi bi-download"></i> Télécharger le PDF</button>
</div> </div>
@ -99,6 +102,6 @@
<script> <script>
var maxSize = <?php echo $maxSize ?>; var maxSize = <?php echo $maxSize ?>;
</script> </script>
<script src="/js/organization.js?202205211001"></script> <script src="/js/organization.js?202205240042"></script>
</body> </body>
</html> </html>