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

Add extra functionality for cards #32

Merged
merged 2 commits into from
Dec 11, 2024
Merged

Add extra functionality for cards #32

merged 2 commits into from
Dec 11, 2024

Conversation

tillywoodfield
Copy link
Contributor

  • Set display: flex on .iati-card, in order to make positioning children elements easier e.g. being able to set things like align-self: center on children
  • Create reusable .iati-card-gallery component for use cases with several cards together

@tillywoodfield tillywoodfield requested a review from a team December 11, 2024 13:32
export const CardGallery: Story = {
render: () =>
html`<div class="iati-card-gallery">
${Array(5).fill(Card.render?.call({}))}

Choose a reason for hiding this comment

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

Just curious, why is it Array(5)? Is that just a decision that the card gallery will contain 5 cards?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yeah, just a random number for example purposes :)

Choose a reason for hiding this comment

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

Ah, I was reading way too much into it 😆

@tillywoodfield tillywoodfield merged commit 09f4393 into main Dec 11, 2024
3 checks passed
@tillywoodfield tillywoodfield deleted the cards branch December 11, 2024 14:46
Copy link

🎉 This PR is included in version 3.3.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

2 participants