Fix(UI): Improve mobile responsiveness of Dashboard sections #58811
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
anshuksi282-ksolves
requested review from
bbovenzi,
guan404ming,
pierrejeambrun,
ryanahamilton and
shubhamraj-git
as code owners
choo121600
reviewed
Nov 28, 2025
Member
choo121600
left a comment
choo121600
left a comment
There was a problem hiding this comment.
Instead of shortening the pool’s length,
I think placing it on the line below the health section would work better.
Contributor
Author
Hi @choo121600, Thanks for the review! Updated the layout as suggested — pool summary now moves below Health section on smaller screens. Let me know if anything else is needed |
pierrejeambrun
added
the
backport-to-v3-1-test
potiuk
approved these changes
Nov 28, 2025
guan404ming
approved these changes
Nov 29, 2025
guan404ming
force-pushed
the
fix/ui-responsive
branch
from
d520967 to
075eb01
Compare
Member
|
Looks nice, thanks! |
Backport successfully created: v3-1-test
|
github-actions bot
pushed a commit
to aws-mwaa/upstream-to-airflow
that referenced
this pull request
Nov 29, 2025
…ons (apache#58811) * fix(UI):Improve mobile responsiveness of Dashboard sections * Address reviewer comments: improve responsiveness layout (cherry picked from commit f103218) Co-authored-by: Anshu Singh <anshu.singh@ksolves.com>
RoyLee1224
pushed a commit
to RoyLee1224/airflow
that referenced
this pull request
Dec 3, 2025
…58811) * fix(UI):Improve mobile responsiveness of Dashboard sections * Address reviewer comments: improve responsiveness layout
Copilot AI
pushed a commit
to jason810496/airflow
that referenced
this pull request
Dec 5, 2025
…58811) * fix(UI):Improve mobile responsiveness of Dashboard sections * Address reviewer comments: improve responsiveness layout
itayweb
pushed a commit
to itayweb/airflow
that referenced
this pull request
Dec 6, 2025
…58811) * fix(UI):Improve mobile responsiveness of Dashboard sections * Address reviewer comments: improve responsiveness layout
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
5 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fix: Responsive layout issue in Historical Metrics (Asset Events box)
This PR fixes a UI responsiveness issue reported in #58133, where the Asset Events section inside Historical Metrics was overflowing and misaligned on smaller screens.
What was happening
Newest First) was also overflowing the parent container.What this PR changes
SimpleGrid.Before (Broken)
After (Fixed)
Screencast.from.2025-11-28.13-29-02.webm
Notes
related: #58133
^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named
{pr_number}.significant.rstor{issue_number}.significant.rst, in airflow-core/newsfragments.