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.
Uncentered text/icons when `vscode-button` has a width greater than 300px
See original GitHub issueDescribe the bug
The button element within the shadow DOM of a vscode-button currently has a max-width of 300px defined.
This means that when a vscode-button has a width of 100% inside a parent container with a width greater than 300px it results in un-centered text/icons.
To reproduce
Add a vscode-button to a div.
Set the vscode-button width to 100% and set the div width to 500px.
Expected behavior
VS Code buttons should have center-aligned text/icons no matter their width.
Current behavior
VS Code buttons will only have centered text/icons up to 300px in width.
Screenshots
With max-width of 300px:
Without max-width:
Desktop (please complete the following information):
- Toolkit Version:
v1.0.0
Issue Analytics
- State:
- Created a year ago
- Reactions:1
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@chaiwattsw absolutely! Go for it 🙂
Thanks!