Skip to content

feat(card): support dynamic type - #27845

Merged
thetaPC merged 4 commits into
FW-4146from
FW-4410
Jul 26, 2023
Merged

feat(card): support dynamic type#27845
thetaPC merged 4 commits into
FW-4146from
FW-4410

Conversation

@thetaPC

@thetaPC thetaPC commented Jul 24, 2023

Copy link
Copy Markdown
Contributor

Issue number: N/A


What is the current behavior?

The card component does not support dynamic type.

What is the new behavior?

  • Convert fonts to rem

Does this introduce a breaking change?

  • Yes
  • No

Other information

Dev build: 7.0.15-dev.11690215123.18be9175

Make sure to enable dynamic type by adding the following to your app:

html {
  --ion-dynamic-type: var(--ion-default-dynamic-font);
}
Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-07-24.at.10.19.59.mp4

@bolt-new-by-stackblitz

Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@github-actions github-actions Bot added the package: core @ionic/core package label Jul 24, 2023
@thetaPC
thetaPC marked this pull request as ready for review July 24, 2023 17:22
@thetaPC
thetaPC requested review from a team and liamdebeasi and removed request for a team July 24, 2023 17:22

@liamdebeasi liamdebeasi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Can we add a screenshot test of card, card subtitle, card title, card content all being used with the text scaled up? Here's an example you can follow: https://github.com/ionic-team/ionic-framework/pull/27848/files#diff-2796ab1a929613b79f68ba352b11a68994e442070db3a7bbdbd7a1c0ded56c47R9-R26

(Note: previously the team discussed using a linter to ensure rem usage, but as I got more into development I realized some of these components are a bit more in-depth than I initially thought, so to be safe we're going to add a screenshot test)

@thetaPC
thetaPC requested a review from liamdebeasi July 25, 2023 18:46

@liamdebeasi liamdebeasi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Great job!

@thetaPC
thetaPC merged commit 2737871 into FW-4146 Jul 26, 2023
@thetaPC
thetaPC deleted the FW-4410 branch July 26, 2023 15:01
sean-perkins pushed a commit that referenced this pull request Aug 18, 2023
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