Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: Responsive layout of DAGs (Home) view #11958

Merged
merged 1 commit into from
Oct 30, 2020

Conversation

ryanahamilton
Copy link
Contributor

Improves the layout if the DAGs (Home) view at all screen widths. This is accomplished by:

  • Prevents the .btn-group elments from ever wrapping and becoming stacked
  • Wraps the table in a horizontally scrolling container so it never overflows its parent containers

Mobile width

Before After
Screen Recording 2020-10-29 at 08 17 36 PM Screen Recording 2020-10-29 at 08 15 23 PM

Tablet width

Before After
Screen Recording 2020-10-29 at 08 55 10 PM Screen Recording 2020-10-29 at 09 06 35 PM

^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code change, 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 UPDATING.md.

@boring-cyborg boring-cyborg bot added the area:webserver Webserver related Issues label Oct 30, 2020
@github-actions github-actions bot added the okay to merge It's ok to merge this PR as it does not require more tests label Oct 30, 2020
@github-actions
Copy link

The PR should be OK to be merged with just subset of tests as it does not modify Core of Airflow. The committers might merge it or can add a label 'full tests needed' and re-run it to run all tests if they see it is needed!

@kaxil kaxil merged commit 1faf985 into apache:master Oct 30, 2020
@kaxil kaxil deleted the responsive_dags_table branch October 30, 2020 12:43
michalmisiewicz pushed a commit to michalmisiewicz/airflow that referenced this pull request Oct 30, 2020
szn pushed a commit to szn/airflow that referenced this pull request Nov 1, 2020
@ryanahamilton ryanahamilton added the area:UI Related to UI/UX. For Frontend Developers. label Nov 18, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues okay to merge It's ok to merge this PR as it does not require more tests
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants