Skip to content

Conversation

@GuillaumeKESTEMAN
Copy link
Contributor

@GuillaumeKESTEMAN GuillaumeKESTEMAN commented Oct 16, 2025

Title

Fix ProgressBar border radius and update Stepper import paths in the story

Description

This PR fixes the invisible border radius on the ProgressBar and updates the import paths for the Stepper component in the look-and-feel stories to use the correct package.

Main Changes

  • Added overflow: hidden; to the ProgressBar CSS to ensure the border radius is visible.
  • Applied border-radius to WebKit and Firefox progress bar pseudo-elements for consistent appearance.
  • Updated Stepper import paths in Stepper.mdx and Stepper.stories.tsx to use @axa-fr/design-system-apollo-react/lf instead of @axa-fr/design-system-look-and-feel-react.

Impacts

  • Visual improvement for the ProgressBar component.
  • Ensures correct usage and documentation of the Stepper component in look-and-feel stories.
  • No breaking changes or new dependencies.

Linked Issue

Closes #1508

Screenshots

image

@sonarqubecloud
Copy link

@GuillaumeKESTEMAN GuillaumeKESTEMAN merged commit 7af956b into main Oct 17, 2025
8 of 11 checks passed
@GuillaumeKESTEMAN GuillaumeKESTEMAN deleted the fix/client/border-radius-of-progress-bar branch October 17, 2025 13:22
JLou pushed a commit that referenced this pull request Oct 28, 2025
…es (#1509)

* fix(look&feel,apollo): ensure overflow is hidden in progress bar styles

* fix(apollo,look&feel): import Stepper from apollo/lf in the story

* feat(look&feel,apollo): set to ProgressBar a progress value border radius
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[LnF] Stepper, progress bar should be rounded

4 participants