nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-26 23:50:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update draggable window

Browse Source
This commit is contained in:
Bill 2021-05-11 18:11:22 -04:00
parent 0e07a6d500
commit 443d5c2007
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/hooks/draggable-window/DraggableWindow.tsx
View File

@ -6,7 +6,7 @@ const currentWindows: HTMLDivElement[] = [];
export const DraggableWindow: FC<DraggableWindowProps> = props =>
{
const { disableDrag = false } = props;
const { disableDrag = false, noCenter = false } = props;
const elementRef = useRef<HTMLDivElement>();
@ -53,11 +53,14 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
bringToTop();
const left = ((element.parentElement.clientWidth - element.clientWidth) / 2);
const top = ((element.parentElement.clientHeight - element.clientHeight) / 2);
if(!noCenter)
{
const left = ((document.body.clientWidth / 2) - (element.clientWidth / 2));
const top = ((document.body.clientHeight / 2) - (element.clientHeight / 2));
element.style.left = `${ left }px`;
element.style.top = `${ top }px`;
element.style.left = `${ left }px`;
element.style.top = `${ top }px`;
}
return () =>
{
@ -65,7 +68,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
if(index >= 0) currentWindows.splice(index, 1);
}
}, [ elementRef ]);
}, [ elementRef, noCenter ]);
function getWindowContent(): JSX.Element
{

1
src/hooks/draggable-window/DraggableWindow.types.tsx
View File

@ -6,5 +6,6 @@ export interface DraggableWindowProps
handle: string;
draggableOptions?: Partial<DraggableProps>;
disableDrag?: boolean;
noCenter?: boolean;
children?: ReactNode;
}