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 FAB table views overflow #12048

Merged
merged 1 commit into from
Nov 2, 2020

Conversation

ryanahamilton
Copy link
Contributor

Resolves #12030.

This could potentially be better resolved in FAB itself, but the issue is caused by the context of Airflow's tables having a large number of columns (very wide). This solution is similar to #11958 where the body will scroll horizontal instead of breaking the layout.

Before After
Screen Recording 2020-11-02 at 11 27 22 AM Screen Recording 2020-11-02 at 11 26 14 AM

^ 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 Nov 2, 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 Nov 2, 2020
@github-actions
Copy link

github-actions bot commented Nov 2, 2020

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!

@ryanahamilton ryanahamilton merged commit a1a1fc9 into apache:master Nov 2, 2020
@ryanahamilton ryanahamilton deleted the fab_view_overflow branch November 2, 2020 16:56
@RosterIn
Copy link
Contributor

RosterIn commented Nov 2, 2020

Nice. not sure if doable but it makes more sense that the page numbing (same row as record countdown) will stay static and won't move when scrolled to the sides.

@ryanahamilton
Copy link
Contributor Author

ryanahamilton commented Nov 2, 2020

@RosterIn I agree that would be ideal. Given these views are generated by FAB, we'd need to add extra markup/CSS classes there to resolve.

@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.

Airflow WebUI style broken
4 participants