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

Non icon buttons in Playground have extra left padding #150

Open
sharath-sriram opened this issue Mar 12, 2020 · 0 comments
Open

Non icon buttons in Playground have extra left padding #150

sharath-sriram opened this issue Mar 12, 2020 · 0 comments
Labels
bug Something isn't working cosmetics All issues/PR related to the documentation website and not the components themselves

Comments

@sharath-sriram
Copy link
Contributor

sharath-sriram commented Mar 12, 2020

What?

Buttons in the playground of our documentation site show a little extra padding when there is no icon.

Screenshot 2020-03-12 at 3 16 11 PM

Why?

This is because the nucleus-icon class is activated even in the absence of the icon, hence triggering the CSS. We are using a nucleus-icon--none class specifically for playground but the CSS is still targeting the presence/absence of nucleus-icon class. We need a workaround.

@sharath-sriram sharath-sriram added cosmetics All issues/PR related to the documentation website and not the components themselves bug Something isn't working labels Mar 12, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working cosmetics All issues/PR related to the documentation website and not the components themselves
Projects
None yet
Development

No branches or pull requests

1 participant