Skip to content

[EuiImage] Using display: table breaks fullWidth centering #6080

@cchaos

Description

@cchaos

The update of EuiImage to Emotion looks like it also included a change from the wrapping element to be display: table instead of display: inline-block. I'm not sure what the necessitated the change, but it breaks the component from responding to text-align behavior.

Here's some before/after screenshots showcasing the Page not found EuiEmptyPrompt example.

BEFORE
Screen Shot 2022-07-27 at 09 12 52 AM

AFTER (layout bug)
Screen Shot 2022-07-27 at 09 13 06 AM

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

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions