Skip to content

fix(range): update tick styling and border radius to match Figma#31079

Closed
OS-giulianasilva wants to merge 4 commits intonextfrom
ROU-12467-ticks-styling
Closed

fix(range): update tick styling and border radius to match Figma#31079
OS-giulianasilva wants to merge 4 commits intonextfrom
ROU-12467-ticks-styling

Conversation

@OS-giulianasilva
Copy link
Copy Markdown
Contributor

  • set the --bar-border-radius to 0 when ion-range has .ticks. previously, the bar border radius 0 was only set to the active bar.
  • updated the tick's width and height
  • updated the tick brackground to match the bar background

Issue number: resolves #


What is the current behavior?

What is the new behavior?

Does this introduce a breaking change?

  • Yes
  • No

Other information

- set the `--bar-border-radius` to 0 when `ion-range` has `.ticks`. previously, the bar border radius 0 was only set to the active bar.
- updated the tick's width and height
- updated the tick brackground to match the bar background
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 14, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ionic-framework Ready Ready Preview, Comment Apr 14, 2026 11:30am

Request Review

@github-actions github-actions bot added the package: core @ionic/core package label Apr 14, 2026
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.

2 participants