From 1ac157637c0b9f3c954ecd41df7d18da4ef8c279 Mon Sep 17 00:00:00 2001 From: Mattia Del Franco Date: Fri, 6 Jan 2023 12:30:31 +0100 Subject: [PATCH 1/3] Change default WindowPosition from center to top_left --- src/common/draggable-window/DraggableWindow.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common/draggable-window/DraggableWindow.tsx b/src/common/draggable-window/DraggableWindow.tsx index 286d51d18..72151815d 100644 --- a/src/common/draggable-window/DraggableWindow.tsx +++ b/src/common/draggable-window/DraggableWindow.tsx @@ -23,7 +23,7 @@ export interface DraggableWindowProps export const DraggableWindow: FC = props => { - const { uniqueKey = null, handleSelector = '.drag-handler', windowPosition = DraggableWindowPosition.CENTER, disableDrag = false, dragStyle = {}, children = null, offsetLeft = 0, offsetTop = 0 } = props; + const { uniqueKey = null, handleSelector = '.drag-handler', windowPosition = DraggableWindowPosition.TOP_LEFT, disableDrag = false, dragStyle = {}, children = null, offsetLeft = 0, offsetTop = 0 } = props; const [ delta, setDelta ] = useState<{ x: number, y: number }>(null); const [ offset, setOffset ] = useState<{ x: number, y: number }>(null); const [ start, setStart ] = useState<{ x: number, y: number }>({ x: 0, y: 0 }); From 60950ba7671bf7349cbdc5ff36c650ccb4f9e4b7 Mon Sep 17 00:00:00 2001 From: Mattia Del Franco Date: Fri, 6 Jan 2023 12:32:04 +0100 Subject: [PATCH 2/3] Updated default WindowPosition of NitroCardView from center to top_left --- src/common/card/NitroCardView.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common/card/NitroCardView.tsx b/src/common/card/NitroCardView.tsx index 236f615f0..081d22305 100644 --- a/src/common/card/NitroCardView.tsx +++ b/src/common/card/NitroCardView.tsx @@ -11,7 +11,7 @@ export interface NitroCardViewProps extends DraggableWindowProps, ColumnProps export const NitroCardView: FC = props => { - const { theme = 'primary', uniqueKey = null, handleSelector = '.drag-handler', windowPosition = DraggableWindowPosition.CENTER, disableDrag = false, overflow = 'hidden', position = 'relative', gap = 0, classNames = [], ...rest } = props; + const { theme = 'primary', uniqueKey = null, handleSelector = '.drag-handler', windowPosition = DraggableWindowPosition.TOP_LEFT, disableDrag = false, overflow = 'hidden', position = 'relative', gap = 0, classNames = [], ...rest } = props; const elementRef = useRef(); const getClassNames = useMemo(() => From 7b0aa2320dedadd299b7ef5469b62bd4e1b5e3a7 Mon Sep 17 00:00:00 2001 From: Mattia Del Franco Date: Fri, 6 Jan 2023 12:34:51 +0100 Subject: [PATCH 3/3] Fixed windows z-index Changed position type of #draggable-windows-container from absolute to fixed to getting working the z-index (now toolbars, notifications and infostand are displayed on top of windows). --- src/common/index.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common/index.scss b/src/common/index.scss index b9e5297c2..e0e110814 100644 --- a/src/common/index.scss +++ b/src/common/index.scss @@ -203,7 +203,7 @@ } #draggable-windows-container { - position: absolute; + position: fixed; top: 0; left: 0; width: 100%;