deblan-mirror/24eme-signaturepdf
1
0
Fork 0
mirror of https://github.com/24eme/signaturepdf synced 2026-03-14 13:55:44 +01:00
Code Activity

toolbox: opti positionnement de la toolbox

Browse source 
suit le scroll
se place correctement quand on rotate
This commit is contained in:
Gabriel Poma 2025-07-02 19:07:43 +02:00
commit 88aebb7cbd
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
public/js/signature.js
View file

@ -1275,7 +1275,7 @@ const toolBox = (function () {
const _elToolbox = document.createElement('div')
_elToolbox.id = 'toolbox'
_elToolbox.classList.add('position-fixed', 'border', 'p-1', 'bg-body-secondary', 'shadow-sm', 'ms-3', 'mt-3', 'd-none', 'd-md-block')
_elToolbox.classList.add('position-absolute', 'border', 'p-1', 'bg-body-secondary', 'shadow-sm', 'ms-3', 'mt-3', 'd-none', 'd-md-block')
_elToolbox.style['z-index'] = 1030
_elToolbox.style.width = 'max-content'
@ -1328,7 +1328,8 @@ const toolBox = (function () {
}
_elSelected = el
document.body.appendChild(_elToolbox)
const container = document.getElementById('container-pages')
container.appendChild(_elToolbox)
_elToolbox.style.left = (
_elSelected.getBoundingRect().left
@ -1337,9 +1338,9 @@ const toolBox = (function () {
+ +window.getComputedStyle(_elToolbox).getPropertyValue("margin-left").replace('px', '')
) + 'px'
_elToolbox.style.top = (
_elSelected.getBoundingRect().top
+ _elSelected.getScaledHeight()
+ +window.getComputedStyle(_elToolbox).getPropertyValue("height").replace('px', '') / 2
Math.max(..._elSelected.getCoords().map((c) => c.y)) // on sélectionne le coin le plus bas
+ _elSelected.canvas._offset.top // hauteur du canvas dans le viewport
+ container.scrollTop // haut du container
) + 'px'
}