10BC0 Bug - Card - Card header actions take up more than 50% width · Issue #6575 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

Bug - Card - Card header actions take up more than 50% width  #6575

@jschuler

Description

@jschuler

Describe the problem
When the window width is reduced, the card header actions take up more than 50% of the horizontal width.

Before (PF4):
Screenshot 2023-12-12 at 3 59 56 PM

After (PF5):
Screenshot 2023-12-12 at 4 00 08 PM

How do you reproduce the problem?
https://codesandbox.io/p/sandbox/card-header-space-issue-p2g5sn?file=%2Findex.tsx%3A7%2C8
Slide the preview window smaller

Expected behavior
Would expect to see the actions take up no more than 50% of the horizontal width

What is your product and what release date are you targeting?
OCM, Q4 2022

Workaround

.pf-v5-c-card__header-main {
    flex-basis: auto;
  }

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0