Skip to content

feat(buttons): support dynamic type - #27896

Merged
brandyscarney merged 10 commits into
FW-4146from
FW-4423
Aug 4, 2023
Merged

feat(buttons): support dynamic type#27896
brandyscarney merged 10 commits into
FW-4146from
FW-4423

Conversation

@brandyscarney

@brandyscarney brandyscarney commented Jul 31, 2023

Copy link
Copy Markdown
Member

Issue number: N/A


What is the current behavior?

Toolbar buttons do not support dynamic type.

What is the new behavior?

  • Adds support for dynamic type by converting font-size to use rem units.
  • Updates the button width/height for icon only buttons in md to use rem units to scale the icon larger
  • Adds test for scaling the font which checks default buttons, clear buttons (because they use a different font-size), buttons with an icon, and a button containing only an icon

Does this introduce a breaking change?

  • Yes
  • No

Other information

80% 100% 135%
ios 80 ios 100 ios 135
md 80 md 100 md 135

@bolt-new-by-stackblitz

Copy link
Copy Markdown

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

@brandyscarney brandyscarney changed the title Fw 4423 feat(buttons): support dynamic type Jul 31, 2023
@github-actions github-actions Bot added the package: core @ionic/core package label Jul 31, 2023
@brandyscarney
brandyscarney changed the base branch from feature-7.3 to FW-4146 July 31, 2023 15:06
@brandyscarney
brandyscarney changed the base branch from FW-4146 to FW-4422 July 31, 2023 16:29
Comment thread core/src/components/toolbar/toolbar.ios.vars.scss
@brandyscarney
brandyscarney force-pushed the FW-4423 branch 2 times, most recently from 6625dd5 to b334462 Compare July 31, 2023 19:07
@brandyscarney
brandyscarney requested review from a team and averyrousseau and removed request for a team July 31, 2023 19:29
@brandyscarney
brandyscarney marked this pull request as ready for review July 31, 2023 19:29
@brandyscarney
brandyscarney marked this pull request as draft August 1, 2023 17:45
@brandyscarney
brandyscarney marked this pull request as ready for review August 1, 2023 20:40
Base automatically changed from FW-4422 to FW-4146 August 4, 2023 16:44

@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.

FYI I think you need to sync with FW-4146 since it's showing the button changes that were already merged

@brandyscarney
brandyscarney changed the base branch from FW-4146 to main August 4, 2023 19:15
@brandyscarney
brandyscarney changed the base branch from main to FW-4146 August 4, 2023 19:16
@brandyscarney

Copy link
Copy Markdown
Member Author

I synced it with FW-4146 but it's still showing them as changes. Maybe I need to rebase this.

@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!

@brandyscarney
brandyscarney merged commit c9b2792 into FW-4146 Aug 4, 2023
@brandyscarney
brandyscarney deleted the FW-4423 branch August 4, 2023 21:05
sean-perkins pushed a commit that referenced this pull request Aug 18, 2023
- Adds support for dynamic type by converting `font-size` to use `rem` units.
- Updates the button width/height for icon only buttons in `md` to use `rem` units to scale the icon larger
- Adds test for scaling the font which checks default buttons, clear buttons (because they use a different `font-size`), buttons with an icon, and a button containing only an icon
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