yaooqinn opened a new pull request, #54670: URL: https://github.com/apache/spark/pull/54670
### What changes were proposed in this pull request? Adds Bootstrap 5 responsive layout improvements (4 files, +14 lines): 1. **`UIUtils.listingTable`** — Wraps all table output in `<div class="table-responsive">` for horizontal scrolling on narrow viewports. Affects all tables across Jobs, Stages, Storage, Executors, and Environment pages. 2. **`spark-dag-viz.css`** — Adds `overflow-x: auto` to `#dag-viz-graph` container so DAG visualizations scroll horizontally instead of overflowing. 3. **`spark-sql-viz.css`** — Adds `overflow-x: auto` to `#plan-viz-graph` container for SQL plan visualizations. 4. **`UIUtilsSuite`** — Updated 2 test assertions to match new `table-responsive` wrapper. ### Why are the changes needed? Tables and visualizations currently overflow on narrow viewports (mobile, tablet, split-screen) because they have no responsive handling. `table-responsive` adds horizontal scrolling when content exceeds container width, and `overflow-x: auto` prevents visualization SVGs from breaking the page layout. Part of SPARK-55760 (Spark Web UI Modernization). ### Does this PR introduce _any_ user-facing change? Yes — tables show a horizontal scrollbar on narrow screens instead of overflowing. DAG/SQL visualizations scroll instead of breaking layout. ### How was this patch tested? UIUtilsSuite (8 tests) passes. ### Was this patch authored or co-authored using generative AI tooling? Yes, co-authored with GitHub Copilot. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
