Skip to content

Comments

fix(ui5-progress-indicator): apply rounded corners for Horizon themes#13126

Merged
NakataCode merged 1 commit intomainfrom
progress-indicator-rounded-bar
Feb 22, 2026
Merged

fix(ui5-progress-indicator): apply rounded corners for Horizon themes#13126
NakataCode merged 1 commit intomainfrom
progress-indicator-rounded-bar

Conversation

@NakataCode
Copy link
Contributor

@NakataCode NakataCode commented Feb 20, 2026

Apply rounded corners (border-radius: 0.5rem) to the progress bar across all Horizon theme variants (horizon, horizon_dark, horizon_hcb, horizon_hcw) to align with design specifications.

Fiori themes retain partial rounding to prevent visual gaps between the progress bar and remaining bar.

Additionally, a z-index was added to the progress bar element to ensure correct layering in high contrast themes, where the remaining bar was rendering above the fill and causing visual distortion.

Fixes: #13112

@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Feb 20, 2026

🧹 Preview deployment cleaned up: https://pr-13126--ui5-webcomponents.netlify.app

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 20, 2026 11:28 Inactive
@NakataCode
Copy link
Contributor Author

The problem that the z-index is fixing:
Screenshot 2026-02-20 at 14 55 14

@NakataCode NakataCode merged commit 6182c67 into main Feb 22, 2026
14 checks passed
@NakataCode NakataCode deleted the progress-indicator-rounded-bar branch February 22, 2026 22:13
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.

[Progress Indicator]: Progress bar missing border radius on the right side

3 participants