furst/AdminAnalytics
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix horizontal scrolling of data tables on mobile

Browse source 
The About page's markdown-table rule (.tab-content table) also matched
DataTable's inner <table>, 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 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01X9jG4CUFcH6n4vFvgtwndY
This commit is contained in:
emfurst 2026-10-18 05:46:49 -04:00
commit eac6a12461
2 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/admin_analytics/dashboard/assets/style.css
View file

@ -151,8 +151,10 @@ body {
} }
/* Markdown tables (About page) scroll within themselves instead of /* Markdown tables (About page) scroll within themselves instead of
widening the page. */ widening the page. Scoped to .about: applied to a DataTable's inner
.tab-content table { <table>, it hijacks the table's own scroll container and breaks
horizontal swiping on mobile. */
.about table {
display: block; display: block;
overflow-x: auto; overflow-x: auto;
max-width: 100%; max-width: 100%;

2
src/admin_analytics/dashboard/pages/about.py
View file

@ -99,4 +99,4 @@ employees only (FTPT=2).
This project is released under the MIT License. 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"})