v0.12.7
Added hover interaction for outlet switcher on pointer supported devices
This commit is contained in:
parent
d528db9c92
commit
ec53d1380d
14
index.html
14
index.html
@ -1232,6 +1232,20 @@
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
let mouseOverTimeout
|
||||||
|
document.querySelectorAll('.outlet-label').forEach(label => {
|
||||||
|
label.addEventListener('mouseenter', e => {
|
||||||
|
mouseOverTimeout = setTimeout(() => {
|
||||||
|
showOutletSwitcher(e.target)
|
||||||
|
}, 300);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
document.querySelectorAll('.outlet-label').forEach(label => {
|
||||||
|
label.addEventListener('mouseleave', e => {
|
||||||
|
clearTimeout(mouseOverTimeout)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
function showOutletSwitcher(button){
|
function showOutletSwitcher(button){
|
||||||
const buttonDimensions = button.getBoundingClientRect()
|
const buttonDimensions = button.getBoundingClientRect()
|
||||||
getRef('outlet_switcher').setAttribute('style', `top: ${buttonDimensions.top}px; left: ${buttonDimensions.left}px;`)
|
getRef('outlet_switcher').setAttribute('style', `top: ${buttonDimensions.top}px; left: ${buttonDimensions.left}px;`)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user