Skip to content

Conversation

@OS-pedrolourenco
Copy link
Contributor

Issue number: internal


What is the current behavior?

No ionic theme custom implementation existed for the ion-range component.

What is the new behavior?

  • Added ionic theme specific styling (based on the ios styling) for the range according to UX requirements.

Does this introduce a breaking change?

  • Yes
  • No

Other information

image

@OS-pedrolourenco OS-pedrolourenco requested a review from a team as a code owner October 30, 2024 13:11
@vercel
Copy link

vercel bot commented Oct 30, 2024

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 Nov 5, 2024 0:49am

@github-actions github-actions bot added the package: core @ionic/core package label Oct 30, 2024
@OS-pedrolourenco OS-pedrolourenco changed the title feat (range): adding custom styling for ionic theme feat(range): adding custom styling for ionic theme Oct 30, 2024
Copy link
Member

@brandyscarney brandyscarney left a comment

Choose a reason for hiding this comment

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

This should be good to go once the requested changes are made!

--bar-background: #{globals.$ion-primitives-neutral-100};
--bar-background-active: #{globals.ion-color(primary, base)};
--bar-border-radius: #{globals.$ion-border-radius-400};
--height: 42px;
Copy link
Member

Choose a reason for hiding this comment

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

I think this should use scale-1000 to match the knob area and then we can adjust the pin in the other PR to reach the 68px total height

Suggested change
--height: 42px;
--height: #{globals.$ion-scale-1000};

Copy link
Contributor

@tanner-reits tanner-reits left a comment

Choose a reason for hiding this comment

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

LGTM

@OS-pedrolourenco OS-pedrolourenco merged commit 175dc92 into next Nov 5, 2024
46 checks passed
@OS-pedrolourenco OS-pedrolourenco deleted the ROU-11323 branch November 5, 2024 13:03
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.

4 participants