From eac6a12461d6aececc915805031b81b41db304bb Mon Sep 17 00:00:00 2001 From: emfurst Date: Sun, 18 Oct 2026 05:46:49 -0400 Subject: [PATCH] Fix horizontal scrolling of data tables on mobile The About page's markdown-table rule (.tab-content table) also matched DataTable's inner , turning it into its own scroll container instead of the DataTable wrapper. Scope the rule to the About page. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01X9jG4CUFcH6n4vFvgtwndY --- src/admin_analytics/dashboard/assets/style.css | 6 ++++-- src/admin_analytics/dashboard/pages/about.py | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/admin_analytics/dashboard/assets/style.css b/src/admin_analytics/dashboard/assets/style.css index 0be1abf..90cec0a 100644 --- a/src/admin_analytics/dashboard/assets/style.css +++ b/src/admin_analytics/dashboard/assets/style.css @@ -151,8 +151,10 @@ body { } /* Markdown tables (About page) scroll within themselves instead of - widening the page. */ -.tab-content table { + widening the page. Scoped to .about: applied to a DataTable's inner +
, it hijacks the table's own scroll container and breaks + horizontal swiping on mobile. */ +.about table { display: block; overflow-x: auto; max-width: 100%; diff --git a/src/admin_analytics/dashboard/pages/about.py b/src/admin_analytics/dashboard/pages/about.py index e0b7e61..f459dc7 100644 --- a/src/admin_analytics/dashboard/pages/about.py +++ b/src/admin_analytics/dashboard/pages/about.py @@ -99,4 +99,4 @@ employees only (FTPT=2). This project is released under the MIT License. """), - ], style={"maxWidth": "900px", "margin": "0 auto", "lineHeight": "1.6"}) + ], className="about", style={"maxWidth": "900px", "margin": "0 auto", "lineHeight": "1.6"})