This commit is contained in:
parent
67c4338ef8
commit
1bf898e84d
2 changed files with 7 additions and 0 deletions
|
@ -14,6 +14,7 @@
|
|||
min-height: 197px;
|
||||
z-index: -1;
|
||||
border: 1px solid var(--b3-theme-surface-lighter);
|
||||
max-width: 1024px;
|
||||
|
||||
&--open {
|
||||
opacity: 1;
|
||||
|
|
|
@ -63,6 +63,7 @@ export const moveResize = (element: HTMLElement, afterCB?: (type: string) => voi
|
|||
if (type === "r" &&
|
||||
moveEvent.clientX - x + width > 200 && moveEvent.clientX - x + width < window.innerWidth) {
|
||||
element.style.width = moveEvent.clientX - x + width + "px";
|
||||
element.style.maxWidth = "none";
|
||||
} else if (type === "d" &&
|
||||
moveEvent.clientY - y + height > 160 && moveEvent.clientY - y + height < window.innerHeight - Constants.SIZE_TOOLBAR_HEIGHT) {
|
||||
element.style.height = moveEvent.clientY - y + height + "px";
|
||||
|
@ -76,11 +77,13 @@ export const moveResize = (element: HTMLElement, afterCB?: (type: string) => voi
|
|||
moveEvent.clientX > 0 && x - moveEvent.clientX + width > 200) {
|
||||
element.style.left = moveEvent.clientX + "px";
|
||||
element.style.width = (x - moveEvent.clientX + width) + "px";
|
||||
element.style.maxWidth = "none";
|
||||
} else if (type === "rd" &&
|
||||
moveEvent.clientX - x + width > 200 && moveEvent.clientX - x + width < window.innerWidth &&
|
||||
moveEvent.clientY - y + height > 160 && moveEvent.clientY - y + height < window.innerHeight - Constants.SIZE_TOOLBAR_HEIGHT) {
|
||||
element.style.height = moveEvent.clientY - y + height + "px";
|
||||
element.style.maxHeight = "";
|
||||
element.style.maxWidth = "none";
|
||||
element.style.width = moveEvent.clientX - x + width + "px";
|
||||
} else if (type === "rt" &&
|
||||
moveEvent.clientX - x + width > 200 && moveEvent.clientX - x + width < window.innerWidth &&
|
||||
|
@ -88,6 +91,7 @@ export const moveResize = (element: HTMLElement, afterCB?: (type: string) => voi
|
|||
element.style.width = moveEvent.clientX - x + width + "px";
|
||||
element.style.top = moveEvent.clientY + "px";
|
||||
element.style.maxHeight = "";
|
||||
element.style.maxWidth = "none";
|
||||
element.style.height = (y - moveEvent.clientY + height) + "px";
|
||||
} else if (type === "lt" &&
|
||||
moveEvent.clientX > 0 && x - moveEvent.clientX + width > 200 &&
|
||||
|
@ -96,6 +100,7 @@ export const moveResize = (element: HTMLElement, afterCB?: (type: string) => voi
|
|||
element.style.width = (x - moveEvent.clientX + width) + "px";
|
||||
element.style.top = moveEvent.clientY + "px";
|
||||
element.style.maxHeight = "";
|
||||
element.style.maxWidth = "none";
|
||||
element.style.height = (y - moveEvent.clientY + height) + "px";
|
||||
} else if (type === "ld" &&
|
||||
moveEvent.clientX > 0 && x - moveEvent.clientX + width > 200 &&
|
||||
|
@ -104,6 +109,7 @@ export const moveResize = (element: HTMLElement, afterCB?: (type: string) => voi
|
|||
element.style.width = (x - moveEvent.clientX + width) + "px";
|
||||
element.style.height = moveEvent.clientY - y + height + "px";
|
||||
element.style.maxHeight = "";
|
||||
element.style.maxWidth = "none";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
Loading…
Add table
Reference in a new issue