patternfly-react icon indicating copy to clipboard operation
patternfly-react copied to clipboard

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

Open jschuler opened this issue 2 years ago • 1 comments

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;
  }

jschuler avatar Dec 12 '23 21:12 jschuler