Skip to content

[EuiTab] Remove inline padding #9817

Description

@ryankeairns

Request

Remove the inline padding on EuiTab

Reason

"Should I align surrounding content to the text label or edge/border?"
Let's eliminate this question and, in turn, the small padding workarounds that exist today by making the label and border be flush to the edge. Further, in exploring ways to modernize our UI design, this as a more common and (subjectively) desirable style.

Example workaround

To achieve text alignment... ...you need custom padding
Image Image

Proposed solution

Remove the 4px padding-inline from EuiTab so that tab content sits flush to edge. This way, surrounding content can similarly sit flush to edge which it naturally does (i.e. no custom padding needed).

Proposed Proposed
Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions