Added hover interaction for outlet switcher on pointer supported devices
This commit is contained in:
sairaj mote 2021-04-07 17:20:39 +05:30
parent d528db9c92
commit ec53d1380d

View File

@ -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;`)