E533 fix(hint): remove extra hint actions space by evwilkin · Pull Request #6708 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

fix(hint): remove extra hint actions space#6708

Merged
mcoker merged 3 commits intopatternfly:v6from
evwilkin:fix/6116-hint-actions
May 30, 2024
Merged

fix(hint): remove extra hint actions space#6708
mcoker merged 3 commits intopatternfly:v6from
evwilkin:fix/6116-hint-actions

Conversation

@evwilkin
Copy link
Member

Closes #6116

This PR mirrors the negative margin-start on hint actions to the margin-bottom, to remove extra spacing added in the hint by the hint actions.

@patternfly-build
Copy link
Collaborator
patternfly-build commented May 29, 2024

@evwilkin evwilkin requested review from mcoker and srambach and removed request for srambach May 29, 2024 19:51
Copy link
Contributor
@mcoker mcoker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM though in hint, we apply the negative margin to a plain menu toggle directly, and in the card we apply it to the actions container with a .pf-m-no-offset modifier to remove it. IMO I think consistency with the card would be better because

  • allow any sort of plain thing (like a plain button) to get this styling without having to add components/variations to the selector list of what gets a negative margin
  • consistency makes a more familiar API and hints seem to effectively be cards without all the bells-n-whistles
  • keeps the hint styles on hint elements instead of needing to override other components. related, since this styles a menu toggle as a child of the hint actions, if there were a nested menu toggle, or a menu toggle anywhere in the actions box other than the top-level menu toggles in our examples, it would get the styling, too, which likely isn't wanted

wdyt @evwilkin @srambach?

@evwilkin
Copy link
Member Author

@mcoker makes sense to me, thanks for the reference - pushed these updates referencing Card as the example to follow 👍

Copy link
Contributor
@mcoker mcoker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, we could add an example, but that can always come later. Would that be a quick add @evwilkin? Using a primary button in place of the plain button would match the card example.

@mcoker mcoker requested a review from mattnolting May 30, 2024 18:09
Copy link
Collaborator
@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nice! LGTM 👍

Screenshot 2024-05-30 at 2 39 10 PM

@evwilkin
Copy link
Member Author

@mcoker thanks for the suggestion ✅

@patternfly-build
Copy link
Collaborator

🎉 This PR is included in version 6.0.0-alpha.144 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug - Hint - actions are changing the layout/spacing between hint sections

4 participants

0