question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[StepButton] Text should be aligned left in vertical mode

See original GitHub issue

When you use the StepButton in a vertically oriented Stepper, the text is set to text-align: center, as those are the default styles for buttons.

When you set orientation: "vertical", the text in the button should instead be aligned left: https://stackblitz.com/edit/bbqaek

Capture d’écran 2020-06-09 à 14 02 27

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:4
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
oliviertassinaricommented, Jun 9, 2020

For the test, we could update an existing demo to include an optional label. The visual regression test infrastructure will take care of the rest.

1reaction
curtislin7commented, Jun 8, 2020

no problem, i’ll keep it as it was then (applied to root). Would a change like this warrant a new unit test? The only reason I’m wondering is it is a relatively minor style change.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[StepButton] Text should be aligned left in vertical mode #21327
When you use the StepButton in a vertically oriented Stepper, the text is set to text-align: center, as those are the default styles...
Read more >
Button text not aligned center vertically in react native
Save this question. Show activity on this post. I am facing one issue with aligning text vertically center for button but it remains...
Read more >
StepButton API - Material UI - MUI
API reference docs for the React StepButton component. ... MuiStepButton-vertical, Styles applied to the root element if orientation="vertical" .
Read more >
Bootstrap Vertical alignment - examples & tutorial
Bootstrap 5 vertical alignment utilities position elements on the y-axis. You can center your content with it or align it to the top...
Read more >
Application Builder Reference Manual
in the Developer ribbon in the Model Builder mode and can be added as a ... From the Vertical alignment list, choose Top,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found