kehach07 opened a new issue, #58133:
URL: https://github.com/apache/airflow/issues/58133

   ### 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.
   
   <img width="1920" height="1080" alt="Image" 
src="https://github.com/user-attachments/assets/2864e8b7-fad3-4692-ad10-085f051b2619";
 />
   
   ### 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?
   
   - [x] Yes I am willing to submit a PR!
   
   ### Code of Conduct
   
   - [x] I agree to follow this project's [Code of 
Conduct](https://github.com/apache/airflow/blob/main/CODE_OF_CONDUCT.md)
   


-- 
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]

Reply via email to