Skip to content

Non icon buttons in Playground have extra left padding #150

@sharath-sriram

Description

@sharath-sriram

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingcosmeticsAll issues/PR related to the documentation website and not the components themselves

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions