Skip to content

[Bug]: OnyxBadge not displayed correctly in flex layout #4289

@larsrickert

Description

@larsrickert

Version

1.1.0

Description

Based on #4285

The OnyxBadge does not display correctly when using inside a flex layout.

Reproduction steps

First example
Second example

In both examples, the badges are not aligned vertically. Setting the following CSS seems to fix the issue:

.onyx-badge {
    vertical-align: middle;
    max-height: max-content;
}

Confirmations

  • I have checked that there is not already a bug report for my issue.
  • I confirm that are no sensitive information included in this bug report. e.g. credentials, internal project details (for employees of the Schwarz Group) etc.

Metadata

Metadata

Assignees

Labels

devRequires technical expertise

Type

Projects

Status

Ready

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions