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(() => 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 }); 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%;