anshuksi282-ksolves opened a new pull request, #58811: URL: https://github.com/apache/airflow/pull/58811
## **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** - The *Asset Events* card was not respecting grid boundaries. - On smaller screens, it was shifting downward and appearing **outside** the main grid. - The sort dropdown (`Newest First`) was also overflowing the parent container. ### **What this PR changes** - Adds responsive Chakra UI props to ensure proper wrapping inside the `SimpleGrid`. - Prevents the AssetEvents box from overflowing horizontally. - Ensures both the *Dag Run Metrics* and *Asset Events* sections stack properly on mobile. - Maintains minimal and clean changes without affecting other UI components. ### Before (Broken) - Asset Events box overflowing outside container - Sort dropdown escaping layout <img width="337" height="605" alt="Screenshot from 2025-11-28 16-26-15" src="https://github.com/user-attachments/assets/e89688a9-365e-441f-a0c3-686616411305"; /> ### After (Fixed) - Fully responsive - Boxes stack correctly on small screens - No overflow; consistent spacing [Screencast from 2025-11-28 13-29-02.webm](https://github.com/user-attachments/assets/62adb9d3-f197-41dc-86f0-56a01c5922da) ### Notes - Pure UI fix; no backend or functional logic changed. - Does not introduce any breaking changes. - No new dependencies added. --- **closes: #58133** <!-- Please keep an empty line above the dashes. --> --- **^ Add meaningful description above** Read the **[Pull Request Guidelines](https://github.com/apache/airflow/blob/main/contributing-docs/05_pull_requests.rst#pull-request-guidelines)** for more information. In case of fundamental code changes, an Airflow Improvement Proposal ([AIP](https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvement+Proposals)) is needed. In case of a new dependency, check compliance with the [ASF 3rd Party License Policy](https://www.apache.org/legal/resolved.html#category-x). In case of backwards incompatible changes please leave a note in a newsfragment file, named `{pr_number}.significant.rst` or `{issue_number}.significant.rst`, in [airflow-core/newsfragments](https://github.com/apache/airflow/tree/main/airflow-core/newsfragments). -- 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]
