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: on resize Header and body of the tables are mismatched #369

Merged

Conversation

eugenejahn
Copy link
Contributor

@eugenejahn eugenejahn commented Apr 10, 2022

Signed-off-by: Eugene Jahn eugenejahnjahn@gmail.com

fixed this issue https://github.com/flyteorg/flyteconsole/issues/318
btw. I have updated the issue to address another responsive bug for the table. It's also fixed.

Type

  • Bug Fix
  • Feature
  • Plugin

Are all requirements met?

  • Code completed
  • Smoke tested
  • Unit tests added
  • Code documentation added
  • Any pending items have an associated Issue

Complete description

removed flex-grow: 0 and flex-shrink:0 on the table column. We don't need it because we want the table to be responsive. Otherwise, can't show data in the smaller width window.

also, set a minHeight for the table rows container. Otherwise, the height of the row container will be set to 0 due to auto resizer.

Tracking Issue

fixes: https://github.com/flyteorg/flyteconsole/issues/318

Follow-up issue

NA

Signed-off-by: Eugene Jahn <eugenejahnjahn@gmail.com>
@codecov
Copy link

codecov bot commented Apr 10, 2022

Codecov Report

Merging #369 (4f6f0cb) into master (067e61d) will increase coverage by 0.00%.
The diff coverage is 50.00%.

@@           Coverage Diff           @@
##           master     #369   +/-   ##
=======================================
  Coverage   66.00%   66.01%           
=======================================
  Files         402      402           
  Lines        8964     8965    +1     
  Branches     1580     1580           
=======================================
+ Hits         5917     5918    +1     
  Misses       3047     3047           
Impacted Files Coverage Δ
src/components/Executions/Tables/styles.ts 100.00% <ø> (ø)
src/components/Tables/DataList.tsx 0.00% <0.00%> (ø)
src/components/Tables/constants.ts 100.00% <100.00%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5f61ea5...4f6f0cb. Read the comment docs.

@anrusina anrusina requested review from a team, ursucarina, anrusina and olga-union and removed request for a team April 10, 2022 16:00
Copy link
Contributor

@anrusina anrusina left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, performed smoke test.
Thank you a lot for contributing 🥳🙃

@anrusina anrusina merged commit 5842753 into flyteorg:master Apr 10, 2022
@flyte-bot
Copy link
Collaborator

🎉 This PR is included in version 0.50.4 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants