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(ModalSideBySideLayout): side by side layout component for new Modal #2460

Conversation

YossiSaadi
Copy link
Contributor

SideBySide layout

image

Usage example:

<Modal size="large">
  <ModalSideBySideLayout>
    <ModalHeader title="I'm title" />
    <ModalContent>I'm content</ModalContent>
    <ModalMedia><img src="imgUrl" alt="I'm image" /></ModalMedia>
  </ModalSideBySideLayout>
  <ModalFooter /> // TBD
</Modal>

https://monday.monday.com/boards/3532714909/pulses/7360989345

@YossiSaadi YossiSaadi force-pushed the feat/yossi/new-modal-basic-layout-7360987899 branch from 1380247 to 4986654 Compare October 14, 2024 12:24
@YossiSaadi YossiSaadi marked this pull request as ready for review October 14, 2024 12:28
@YossiSaadi YossiSaadi requested a review from a team as a code owner October 14, 2024 12:28
@YossiSaadi YossiSaadi force-pushed the feat/yossi/new-modal-sidebyside-layout-7360989345 branch from dba9e3b to 9d43dca Compare October 14, 2024 13:19
packages/core/src/tests/constants.ts Outdated Show resolved Hide resolved
@@ -0,0 +1,8 @@
.media {
Copy link
Member

Choose a reason for hiding this comment

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

What if it's an image? Will users need to adjust the size?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

if they need a specific change they can pass className, but it should behave well with either image/lottie/video

Copy link
Member

Choose a reason for hiding this comment

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

I feel like the way it's being provided now promises more than that 😅

Copy link
Contributor Author

Choose a reason for hiding this comment

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

got ya, will check with different scenarios

Base automatically changed from feat/yossi/new-modal-basic-layout-7360987899 to feat/yossi/new-modal-layouts October 20, 2024 11:25
@YossiSaadi YossiSaadi force-pushed the feat/yossi/new-modal-sidebyside-layout-7360989345 branch from 917339d to 3ebfe5b Compare October 20, 2024 11:48
@YossiSaadi YossiSaadi merged commit e0de82b into feat/yossi/new-modal-layouts Oct 20, 2024
9 of 10 checks passed
@YossiSaadi YossiSaadi deleted the feat/yossi/new-modal-sidebyside-layout-7360989345 branch October 20, 2024 12:00
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.

2 participants