Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Progress indicator show full label]: want tot ask to add prop or attr that will disable overflow: hidden for the progress-label #11843

Open
2 tasks done
DoofisS opened this issue May 31, 2024 · 0 comments
Labels
Feature request A new adopter requested feature

Comments

@DoofisS
Copy link

DoofisS commented May 31, 2024

The problem

Im working with progress indicator web component, and im using Space equally (space-equally) attribute
But even with it the labes are wrapped like on the screenshot, for example second and third step

image

The solution

Is it possible to add attribute or property that will disable overflow: hidden for this class "cds--progress-label" and it will look like this? Or it can be the same as in React package I will provide example below in Examples field

image

Application/website

Progress indicator

Business priority

Medium Priority = upcoming release but is not pressing

What time frame would this ideally be needed by (if applicable)

No response

Examples

Also as example i can provide same component but from the React package
Here it is with the spaceEqually False

image

And this is the example with the spaceEqually True

image

And if we will make the screen smaller then it will make this overflow hidden again which is even better than one additional property

image
image

Code of Conduct

@DoofisS DoofisS added the Feature request A new adopter requested feature label May 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature request A new adopter requested feature
Projects
Status: No status
Development

No branches or pull requests

1 participant