From 3115a9c917344dbf22e36522600e65ba890292fc Mon Sep 17 00:00:00 2001 From: Sidney Alcantara Date: Tue, 22 Nov 2022 16:24:46 +1100 Subject: [PATCH] fix table spacing when side drawer is opened --- src/pages/Table/TablePage.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/pages/Table/TablePage.tsx b/src/pages/Table/TablePage.tsx index 6008c835..75f1fc28 100644 --- a/src/pages/Table/TablePage.tsx +++ b/src/pages/Table/TablePage.tsx @@ -13,7 +13,7 @@ import TableSkeleton from "@src/components/Table/TableSkeleton"; import EmptyTable from "@src/components/Table/EmptyTable"; import TableToolbar from "@src/components/TableToolbar"; import Table from "@src/components/Table"; -import SideDrawer from "@src/components/SideDrawer"; +import SideDrawer, { DRAWER_WIDTH } from "@src/components/SideDrawer"; import ColumnMenu from "@src/components/ColumnMenu"; import ColumnModals from "@src/components/ColumnModals"; import TableModals from "@src/components/TableModals"; @@ -140,7 +140,9 @@ export default function TablePage({ '& [role="grid"]': { marginBottom: `env(safe-area-inset-bottom)`, marginLeft: `env(safe-area-inset-left)`, - marginRight: `env(safe-area-inset-right)`, + // Ensure there’s enough space so that all columns are + // still visible when the side drawer is open + marginRight: `max(env(safe-area-inset-right), ${DRAWER_WIDTH}px)`, }, }} >