diff --git a/app/client/src/pages/Editor/Explorer/Entity/EntityProperties.tsx b/app/client/src/pages/Editor/Explorer/Entity/EntityProperties.tsx index 437d82314830..21846b52a95d 100644 --- a/app/client/src/pages/Editor/Explorer/Entity/EntityProperties.tsx +++ b/app/client/src/pages/Editor/Explorer/Entity/EntityProperties.tsx @@ -13,6 +13,8 @@ import { Button } from "@appsmith/ads"; import { getEntityProperties } from "ee/pages/Editor/Explorer/Entity/getEntityProperties"; import store from "store"; import { ENTITY_TYPE } from "entities/DataTree/dataTreeFactory"; +import { getIDEViewMode } from "selectors/ideSelectors"; +import { EditorViewMode } from "ee/entities/IDE/constants"; import { DEFAULT_EXPLORER_PANE_WIDTH } from "constants/AppConstants"; import { BOTTOM_BAR_HEIGHT } from "components/BottomBar/constants"; @@ -44,6 +46,8 @@ export function EntityProperties() { (state: AppState) => state.ui.widgetDragResize.lastSelectedWidget, ); + const ideViewMode = useSelector(getIDEViewMode); + useEffect(() => { document.addEventListener("click", handleOutsideClick); @@ -123,7 +127,10 @@ export function EntityProperties() { ref.current.style.bottom = "unset"; } - ref.current.style.left = DEFAULT_EXPLORER_PANE_WIDTH + "px"; + ref.current.style.left = + ideViewMode === EditorViewMode.SplitScreen + ? "100%" + : DEFAULT_EXPLORER_PANE_WIDTH + "px"; } }, [entityId]);