Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Clean elementsSidebar and fix eslint
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Eric NGUYEN 2022-08-16 09:57:59 +02:00
parent dcfb93aa12
commit 3d7baafc17
3 changed files with 5 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/Components/ElementsSidebar/MouseEventHandlers.ts
View file

@ -36,9 +36,8 @@ export function handleLeftClick(
}
export function removeBorderClasses(target: HTMLButtonElement): void {
target.classList.remove('border-t-8');
target.classList.remove('border-8');
target.classList.remove('border-b-8');
const bordersClasses = ['border-t-8', 'border-8', 'border-b-8'];
target.classList.remove(...bordersClasses);
}
export function handleDragLeave(event: React.DragEvent): void {
@ -54,26 +53,19 @@ export function handleDragOver(
const target: HTMLButtonElement = event.target as HTMLButtonElement;
const rect = target.getBoundingClientRect();
const y = event.clientY - rect.top; // y position within the element.
removeBorderClasses(target);
if (target.id === mainContainer.properties.id) {
target.classList.add('border-8');
target.classList.remove('border-t-8');
target.classList.remove('border-b-8');
return;
}
if (y < 12) {
target.classList.add('border-t-8');
target.classList.remove('border-b-8');
target.classList.remove('border-8');
} else if (y < 24) {
target.classList.add('border-8');
target.classList.remove('border-t-8');
target.classList.remove('border-b-8');
} else {
target.classList.add('border-b-8');
target.classList.remove('border-8');
target.classList.remove('border-t-8');
}
}