Fixed showing config handle while overlapping

This commit is contained in:
Kavin Venkatachalam 2024-01-17 12:02:57 +05:30
parent 46e5e41f0f
commit c410d1d097
2 changed files with 6 additions and 1 deletions

View file

@ -14,6 +14,10 @@
/* z-index: 3001; */
}
.target.hovered{
z-index: 2;
}
.moveable-control-box>.moveable-control-box:not(.moveable-control-box-d-block, .moveable-dragging, .selected-component){
visibility: hidden !important;
}

View file

@ -50,15 +50,16 @@ const MouseCustomAble = {
props: {},
events: {},
mouseEnter(e) {
console.log('here--- ', e);
const controlBoxes = document.getElementsByClassName('moveable-control-box');
for (const element of controlBoxes) {
element.classList.remove('moveable-control-box-d-block');
}
e.props.target.classList.add('hovered');
e.controlBox.classList.add('moveable-control-box-d-block');
},
mouseLeave(e) {
console.log('MouseCustomAble LEAVE', e);
e.props.target.classList.remove('hovered');
e.controlBox.classList.remove('moveable-control-box-d-block');
},
};