Responsive Issue #58133
Description
Apache Airflow version
3.1.2
If "Other Airflow 2/3 version" selected, which one?
No response
What happened?
The entire website UI is not responsive — when viewed on smaller screens, it collapses. We need to make the entire UI responsive. Adding appropriate media queries will help achieve better responsiveness. I’ve attached a screenshot for reference.
What you think should happen instead?
nstead, the website UI should adjust and scale smoothly across all screen sizes — including mobile, tablet, and desktop.
Here’s what should happen:
The layout should rearrange automatically (e.g., columns stacking vertically on smaller screens).
Text, images, and buttons should resize proportionally to remain readable and accessible.
Navigation menus should collapse into a hamburger menu on smaller devices.
No elements should overlap, overflow, or get cut off.
Padding and margins should adjust to maintain a clean, consistent look.
In short, the UI should be fully responsive and user-friendly on any device or screen size.
How to reproduce
How to Reproduce
Open the website in a desktop browser.
Gradually resize the browser window to a smaller width (or open the website on a mobile device).
Observe the UI layout — elements such as text, images, and buttons collapse or overlap instead of adjusting properly.
Operating System
Ubuntu 24.04 LTS (WSL2 on Windows 11)
Versions of Apache Airflow Providers
No response
Deployment
Official Apache Airflow Helm Chart
Deployment details
No response
Anything else?
No response
Are you willing to submit PR?
- Yes I am willing to submit a PR!
Code of Conduct
- I agree to follow this project's Code of Conduct