Hide middle handlers when small

This commit is contained in:
Paulo Menezes 2020-01-04 15:49:27 -03:00
parent 5102955630
commit bc8665787c

View file

@ -284,32 +284,40 @@ function handlerRectangles(
sceneState: SceneState sceneState: SceneState
) { ) {
const margin = 4; const margin = 4;
const minimumSize = 40;
const handlers: { [handler: string]: number[] } = {}; const handlers: { [handler: string]: number[] } = {};
handlers["n"] = [ if (elementX2 - elementX1 > minimumSize) {
elementX1 + (elementX2 - elementX1) / 2 + sceneState.scrollX - 4, handlers["n"] = [
elementY1 - margin + sceneState.scrollY - 8, elementX1 + (elementX2 - elementX1) / 2 + sceneState.scrollX - 4,
8, elementY1 - margin + sceneState.scrollY - 8,
8 8,
]; // n 8
handlers["w"] = [ ];
elementX1 - margin + sceneState.scrollX - 8,
elementY1 + (elementY2 - elementY1) / 2 + sceneState.scrollY - 4, handlers["s"] = [
8, elementX1 + (elementX2 - elementX1) / 2 + sceneState.scrollX - 4,
8 elementY2 - margin + sceneState.scrollY + 8,
]; // w 8,
handlers["e"] = [ 8
elementX2 - margin + sceneState.scrollX + 8, ];
elementY1 + (elementY2 - elementY1) / 2 + sceneState.scrollY - 4, }
8,
8 if (elementY2 - elementY1 > minimumSize) {
]; // e handlers["w"] = [
handlers["s"] = [ elementX1 - margin + sceneState.scrollX - 8,
elementX1 + (elementX2 - elementX1) / 2 + sceneState.scrollX - 4, elementY1 + (elementY2 - elementY1) / 2 + sceneState.scrollY - 4,
elementY2 - margin + sceneState.scrollY + 8, 8,
8, 8
8 ];
]; // s
handlers["e"] = [
elementX2 - margin + sceneState.scrollX + 8,
elementY1 + (elementY2 - elementY1) / 2 + sceneState.scrollY - 4,
8,
8
];
}
handlers["nw"] = [ handlers["nw"] = [
elementX1 - margin + sceneState.scrollX - 8, elementX1 - margin + sceneState.scrollX - 8,