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(modal, wizard): add full-screen size option #1337

Merged
merged 8 commits into from
Apr 9, 2024

Conversation

kevinbuhmann
Copy link
Member

@kevinbuhmann kevinbuhmann commented Mar 26, 2024

A full-screen modal or wizard will take up all available screen space except for some padding on all four sides.

Other changes:

  • scale modal outside padding with default modal space
  • adjust static css-only modal story styles to accommodate full-screen modals
  • add an story option for long content inside the modal to test scrolling within the modal

CDE-1789

PR Checklist

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been added / updated (for bug fixes / features)
  • If applicable, have a visual design approval

PR Type

Feature

What is the current behavior?

No full-screen modal or wizard size option.

Issue Number: CDE-1789

What is the new behavior?

Modals and wizards have a full-screen size option.

Does this PR introduce a breaking change?

No.

Copy link
Contributor

github-actions bot commented Mar 26, 2024

👋 @kevinbuhmann,

  • 🙏 The Clarity team thanks you for opening a pull request
  • 🎉 The build for this PR has succeeded
  • 🔍 The PR is now ready for review
  • 🍿 In the meantime, view a preview of this PR
  • 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our internal Clarity Support space

Thank you,

🤖 Clarity Release Bot

This comment was marked as outdated.

@kevinbuhmann kevinbuhmann force-pushed the kevin/full-screen-modal-wizard branch from 95c28f2 to 4b1c5ce Compare March 26, 2024 14:18

This comment was marked as outdated.

@kevinbuhmann kevinbuhmann force-pushed the kevin/full-screen-modal-wizard branch 2 times, most recently from 68f3222 to e87385a Compare March 26, 2024 16:18

This comment was marked as outdated.

@kevinbuhmann kevinbuhmann force-pushed the kevin/full-screen-modal-wizard branch 2 times, most recently from 1d2ab3b to 584b8a0 Compare March 26, 2024 16:39

This comment was marked as outdated.

@kevinbuhmann kevinbuhmann force-pushed the kevin/full-screen-modal-wizard branch 3 times, most recently from c45e256 to 00ba02d Compare March 26, 2024 20:09

This comment was marked as outdated.

@kevinbuhmann kevinbuhmann force-pushed the kevin/full-screen-modal-wizard branch from 00ba02d to 9d4b876 Compare March 26, 2024 20:53
@kevinbuhmann kevinbuhmann changed the title feat(modal,wizard): add full-screen size option feat(modal, wizard): add full-screen size option Mar 26, 2024
@kevinbuhmann kevinbuhmann force-pushed the kevin/full-screen-modal-wizard branch from 9d4b876 to 4b19c42 Compare March 26, 2024 21:02

This comment was marked as outdated.

A full-screen modal or wizard will take up all available screen space
except for some padding on all four sides.

Other changes:
- adjust static css-only modal story styles to accommodate full-screen modals
- add an option for long content inside the modal to test scrolling within the modal

CDE-1789
@kevinbuhmann kevinbuhmann force-pushed the kevin/full-screen-modal-wizard branch from 4b19c42 to dc6231b Compare March 26, 2024 21:20

This comment was marked as resolved.

@kevinbuhmann kevinbuhmann marked this pull request as ready for review March 27, 2024 15:13
@kevinbuhmann kevinbuhmann requested a review from a team March 27, 2024 15:13
Copy link
Contributor

@Jinnie Jinnie left a comment

Choose a reason for hiding this comment

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

Looks good. And I think it will neatly integrate with the Sidebar POC.
Looking forward to rebase on this soon.

@kevinbuhmann
Copy link
Member Author

Looks good. And I think it will neatly integrate with the Sidebar POC. Looking forward to rebase on this soon.

Thanks! I hope it doesn't cause to much of a conflict with your sidebar work.

@kevinbuhmann kevinbuhmann merged commit 1d126fa into main Apr 9, 2024
7 checks passed
@kevinbuhmann kevinbuhmann deleted the kevin/full-screen-modal-wizard branch April 9, 2024 15:43
Copy link
Contributor

github-actions bot commented Apr 9, 2024

The backport to 16.x failed:

The process '/usr/bin/git' failed with exit code 1

To backport manually, run these commands in your terminal:

# Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add .worktrees/backport-16.x 16.x
# Navigate to the new working tree
cd .worktrees/backport-16.x
# Create a new branch
git switch --create backport-1337-to-16.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 1d126fa7040a392232a941eef11acfd9cf706736
# Push it to GitHub
git push --set-upstream origin backport-1337-to-16.x
# Go back to the original working tree
cd ../..
# Delete the working tree
git worktree remove .worktrees/backport-16.x

Then, create a pull request where the base branch is 16.x and the compare/head branch is backport-1337-to-16.x.

kevinbuhmann added a commit that referenced this pull request Apr 9, 2024
This is a backport of 1d126fa (#1337) to 16.x.

A full-screen modal or wizard will take up all available screen space except for some padding on all four sides.

Other changes:
- adjust static css-only modal story styles to accommodate full-screen modals
- add a story option for long content inside the modal to test scrolling within the modal

CDE-1789
kevinbuhmann added a commit that referenced this pull request Apr 9, 2024
This is a backport of 1d126fa (#1337) to 16.x.

A full-screen modal or wizard will take up all available screen space except for some padding on all four sides.

Other changes:
- adjust static css-only modal story styles to accommodate full-screen modals
- add a story option for long content inside the modal to test scrolling within the modal

CDE-1789
kevinbuhmann added a commit that referenced this pull request Apr 10, 2024
This is a backport of 1d126fa (#1337) to 16.x.

A full-screen modal or wizard will take up all available screen space
except for some padding on all four sides.

Other changes:
- adjust static css-only modal story styles to accommodate full-screen
modals
- add a story option for long content inside the modal to test scrolling
within the modal

CDE-1789
Copy link
Contributor

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed PRs after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.

@github-actions github-actions bot locked and limited conversation to collaborators Apr 24, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants