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

feat(table): added max-height to outerscroll #5039

Merged
merged 2 commits into from Aug 19, 2022

Conversation

mattnolting
Copy link
Contributor

closes #5038

@patternfly-build
Copy link

patternfly-build commented Aug 17, 2022


display: flex;
flex-direction: column;
max-width: 100%;
height: 100%;
Copy link
Contributor

Choose a reason for hiding this comment

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

did you mean to add this? I don't see reference to it and looks like it could change an existing layout if the min-height was unset to allow a table to grow to the max-height, then start scrolling.

min-height auto

Screen Shot 2022-08-18 at 5 56 29 PM

^ w/ height: 100%

Screen Shot 2022-08-18 at 5 56 33 PM

From what I tested, height: 100% doesn't seem necessary (at least in the codesandbox @kmcfaul created), but I don't know all of the use cases.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

did you mean to add this?

@mcoker oops, nope

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

L🎃TM!

@mcoker mcoker merged commit 23c92d2 into patternfly:main Aug 19, 2022
@patternfly-build
Copy link

🎉 This PR is included in version 4.209.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@mcoker
Copy link
Contributor

mcoker commented Sep 6, 2022

@mattnolting @kmcfaul do we want to add a prop or anything for the min/max-heights, or just leave them as CSS vars? If y'all want to add a prop, would you mind creating an issue for that in the patternfly-react repo? Unless one exists already - I looked and didn't see one.

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

Successfully merging this pull request may close these issues.

Table OuterScrollContainer - add max height support
3 participants