Skip to content

[Bug] Explicit button height and nowrap makes buttons on mobile look bad #475

@jessecowens

Description

@jessecowens

Describe the bug
Buttons using the class .btn are set to white-space: nowrap; (boldgrid-theme-framework/assets/css/components.min.css) and have an explicit height (crio/css/buttons.css).

Ideally, we would set this to wrap, and use min-height instead of height.

To Reproduce
Steps to reproduce the behavior:

  1. Create a button with a long anchor text and view it on mobile.

Expected behavior
The entire link text should be visible, wrap, and the button background should expand to the size of the text.

Screenshots
Current:
image
Proposed with min-height and normal white-space:
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions