mirror of
https://github.com/24eme/signaturepdf
synced 2024-05-21 23:26:38 +02:00
Zoom buttons on rtl direction
This commit is contained in:
parent
d0230e5468
commit
056409cb6d
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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');
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue