Skip to content

Conversation

@thetaPC
Copy link
Contributor

@thetaPC thetaPC commented Feb 25, 2025

Issue number: internal


What is the current behavior?

Searchbar does not have sizes.

What is the new behavior?

  • Added sizes to ionic theme: medium, large
  • ionic theme defaults to medium
  • ios and md theme defaults to undefined
  • Added snapshots (updated snapshots that are not related to size are due to the leading icons being increased)

Does this introduce a breaking change?

  • Yes
  • No

Other information

Preview: size
Preview: within toolbar

@vercel
Copy link

vercel bot commented Feb 25, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ionic-framework ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 4, 2025 6:45pm

@thetaPC thetaPC changed the base branch from main to next February 25, 2025 00:36
@github-actions github-actions bot added the package: core @ionic/core package label Feb 25, 2025
@thetaPC thetaPC changed the title Rou 11251 feat(searchbar): add sizes for ionic theme Feb 25, 2025
@github-actions github-actions bot added package: angular @ionic/angular package package: vue @ionic/vue package labels Feb 25, 2025
Comment on lines 120 to 126
// Searchbar in Toolbar
// -----------------------------------------

:host-context(ion-toolbar) {
min-height: globals.$ion-scale-1200;
}

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Removed because it doesn't seem to be used.

@thetaPC thetaPC marked this pull request as ready for review February 25, 2025 22:19
@thetaPC thetaPC requested a review from a team as a code owner February 25, 2025 22:19
@thetaPC thetaPC requested review from OS-pedrolourenco, brandyscarney and rugoncalves and removed request for rugoncalves February 25, 2025 22:19
Comment on lines 31 to 32
width: globals.$ion-scale-500;
height: globals.$ion-scale-500;
Copy link
Member

Choose a reason for hiding this comment

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

The Figma design for this shows it should be scale-400 but actually uses scale-500. Have we asked design to clarify this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed: 69ab056

@thetaPC thetaPC merged commit ab81f3d into next Mar 4, 2025
47 checks passed
@thetaPC thetaPC deleted the ROU-11251 branch March 4, 2025 19:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: angular @ionic/angular package package: core @ionic/core package package: vue @ionic/vue package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants