-
Notifications
You must be signed in to change notification settings - Fork 29
Add OpenShift MultiContentCard (GettingStarted) #112
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
Conversation
</Card>, | ||
<Card isFullHeight isPlain key="card-2"> | ||
<CardBody className="pf-v5-u-display-flex pf-v5-u-pt-3xl-on-md"> | ||
<TextContent className="pf-v5-u-display-flex pf-v5-u-flex-direction-column pf-v5-u-align-self-stretch"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think all theses utility classes can be replaced by a Flex layout with modifiers for direction={{ default: 'column' }}
and use the various spacing features :https://www.patternfly.org/layouts/flex#spacing to match this demo: https://www.patternfly.org/patterns/dashboard/html-demos/basic/
} | ||
} | ||
}, | ||
multiContentCardBorder: { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's use Divider components rather than borders
Thanks @nicolethoen for taking a look, working on the updates.. |
</TextContent> | ||
</CardHeader> | ||
<CardBody className="pf-v5-u-display-flex"> | ||
<TextContent className="pf-v5-u-display-flex pf-v5-u-flex-direction-column pf-v5-u-align-self-stretch"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I believe a Flex
layout could be used in place of all these utility classes
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
some opportunity to use Flex in the example code, but overall looks good to me!
🎉 This PR is included in version 5.1.0-prerelease.10 🎉 The release is available on: Your semantic-release bot 📦🚀 |
closes #97
RHCLOUD-30683
Added a new MultiContentCard component to replace OpenShift and HCC implementations.