Context
Part of datum-cloud/enhancements#688 — Mobile Improvements in Staff Portal.
SimpleTable wraps its <Table> in overflow-hidden with no scroll container. On mobile, tables with 3+ columns overflow and clip rather than scroll.
Proposed Change
Wrap the <Table> in an overflow-x-auto div inside the border/rounded container in app/components/simple-table/index.tsx. The actions sticky column (sticky right-0 z-10) is already prepared for this pattern.
Files to Change
app/components/simple-table/index.tsx — add inner overflow-x-auto wrapper
Affected Feature Lists
All components rendering SimpleTable:
app/features/activity/components/activity-list.tsx
app/features/contact/components/contact-list.tsx
app/features/email/components/email-list.tsx
app/features/quota/components/quota-grant-list.tsx
app/features/quota/components/quota-bucket-list.tsx
Context
Part of datum-cloud/enhancements#688 — Mobile Improvements in Staff Portal.
SimpleTablewraps its<Table>inoverflow-hiddenwith no scroll container. On mobile, tables with 3+ columns overflow and clip rather than scroll.Proposed Change
Wrap the
<Table>in anoverflow-x-autodiv inside the border/rounded container inapp/components/simple-table/index.tsx. Theactionssticky column (sticky right-0 z-10) is already prepared for this pattern.Files to Change
app/components/simple-table/index.tsx— add inneroverflow-x-autowrapperAffected Feature Lists
All components rendering
SimpleTable:app/features/activity/components/activity-list.tsxapp/features/contact/components/contact-list.tsxapp/features/email/components/email-list.tsxapp/features/quota/components/quota-grant-list.tsxapp/features/quota/components/quota-bucket-list.tsx