Skip to content

fix(ui-progress): round all track corners in ProgressBar v2 - #2726

Merged
HerrTopi merged 1 commit into
masterfrom
progress-bar
Sep 23, 2026
Merged

HerrTopi merged 1 commit into
masterfrom
progress-bar

Conversation

@HerrTopi

@HerrTopi HerrTopi commented Sep 23, 2026 •

Copy link
Copy Markdown
Contributor

Summary

  • Replace the track's borderTopLeftRadius/borderBottomLeftRadius with a single borderRadius, so all four corners round inside the rounded trackLayout.

Test Plan

  • Visually confirm the track's right corners are rounded in ProgressBar v2 in the light, and dark themes and canvas and its high contrast counterpart still has no rounded corners
  • Check RTL: the rounding should now be symmetric rather than flipping to the wrong side.
  • Spot-check small and large size variants, and a 0% and 100% value, where the track and trackValue radii interact.

INSTUI-5194

The track set only borderTopLeftRadius and borderBottomLeftRadius, so its right corners stayed
square inside the rounded trackLayout. Setting borderRadius rounds all four, and drops the
physical left/right properties that rounded the wrong end under RTL.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@HerrTopi HerrTopi self-assigned this Sep 23, 2026
@HerrTopi
HerrTopi requested review from balzss, joyenjoyer and matyasf and removed request for balzss September 23, 2026 09:39
@github-actions

github-actions Bot commented Sep 23, 2026 •

Copy link
Copy Markdown
Contributor
PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-09-23 12:36 UTC

github-actions Bot pushed a commit that referenced this pull request Sep 23, 2026
@github-actions

Copy link
Copy Markdown
Contributor

Visual regression report

Cypress suite: ✅ Passing

Visual diff: ⚠️ Changes detected.

Status Count
Unchanged 92
Changed 4
New 0
Removed 0

Accessibility (axe): ✅ No violations.

📊 View full report — click a screenshot's ⚠ badge to see each violation boxed on the image, with the offending element named and contrast failures shown as color swatches.

Diff images (4)

progressbar-dark.png — 125 pixels differ

progressbar-light.png — 127 pixels differ

tooltip-dark.png — 895 pixels differ

tooltip-light.png — 970 pixels differ

Baselines come from the visual-baselines branch. They refresh on every merge to master. The Cypress suite line covers the a11y and console-error assertions — a ❌ there means the suite found real issues even if the visual diff is clean.

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

looks good to me

@HerrTopi
HerrTopi merged commit 3341282 into master Sep 23, 2026
9 of 10 checks passed
@HerrTopi
HerrTopi deleted the progress-bar branch September 23, 2026 12:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants