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): update styles to iOS 17 specs #28748

Merged
merged 4 commits into from
Dec 27, 2023
Merged

feat(modal): update styles to iOS 17 specs #28748

merged 4 commits into from
Dec 27, 2023

Conversation

sean-perkins
Copy link
Contributor

@sean-perkins sean-perkins commented Dec 20, 2023

Issue number: Internal


What is the current behavior?

The card presentation of a presented view from a modal does not match iOS 17 design.

What is the new behavior?

  • Updates the transform scale of the presenting element with a modal to have a similar width to iOS 17. In my discovery 0.91 is the closest scale value.
    • The presenting element refers to the view pushed behind the modal when displayed with a card appearance.
iOS Ionic Diff
ios-modal ionic-modal diff-modal

The iOS reference is from the Events app, when creating a new event. The Ionic reference is from the modal/tests/card example in the repository (with the changes in this PR).

Does this introduce a breaking change?

  • Yes
  • No

Other information

@github-actions github-actions bot added the package: core @ionic/core package label Dec 20, 2023
@sean-perkins sean-perkins marked this pull request as ready for review December 20, 2023 22:20
@sean-perkins sean-perkins requested a review from a team as a code owner December 20, 2023 22:20
@sean-perkins sean-perkins requested review from liamdebeasi and removed request for a team December 20, 2023 22:20
This ratio better aligns with iPhone 15 (almost exact) and is only off by a few pixels as you scale to a Pro or Pro Max.
Copy link
Contributor

@liamdebeasi liamdebeasi left a comment

Choose a reason for hiding this comment

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

Good to go once screenshots are updated

@sean-perkins sean-perkins merged commit ff80155 into FW-4845 Dec 27, 2023
44 checks passed
@sean-perkins sean-perkins deleted the sp/FW-5736 branch December 27, 2023 18:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: core @ionic/core package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants