Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(toolbar): added row-gap to items/content-section #5398

Merged
merged 4 commits into from Mar 14, 2023

Conversation

mattnolting
Copy link
Contributor

closes #3348

The original request was to add row-gap to toolbar, WITH modifiers. I don't think we need modifiers as the original intent was to prevent visual breakages when items/groups wrap and have no spacing. Once 5243 and 5270 are finalized and merged, that model will need to be applied to toolbar.

@patternfly-build
Copy link

patternfly-build commented Feb 22, 2023

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

In addition to the comment below, there were a few examples on the preview surge - when I shrunk my window width down - where the gap between a pf-c-toolbar__content-section and pf-c-toolbar__expandable-content was reduced compared to the live site (Stacked on mobile (filters collapsed, expandable content expanded)
, Selected filters on mobile (filters collapsed, expandable content expanded), and Toggle group on mobile (filters collapsed, expandable content expanded) ).

Live site:
Toolbar gap on live site

Surge:
Toolbar gap on surge preview

src/patternfly/components/Toolbar/toolbar.scss Outdated Show resolved Hide resolved
src/patternfly/components/Toolbar/toolbar.scss Outdated Show resolved Hide resolved
Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

Other than the build failure

@mattnolting
Copy link
Contributor Author

@thatblindgeye Build is now good

Copy link
Member

@srambach srambach left a comment

Choose a reason for hiding this comment

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

L ⭐ TM

@srambach srambach merged commit 9bf6392 into patternfly:v5 Mar 14, 2023
@patternfly-build
Copy link

🎉 This PR is included in version 5.0.0-alpha.31 🎉

The release is available on:

Your semantic-release bot 📦🚀

mattnolting added a commit to mattnolting/patternfly that referenced this pull request May 18, 2023
* feat(toolbar): added row-gap to items/content-section

* feat(toolbar): modifier section spacing

* feat(toolbar): added margin-top and padding-bottom to exp

* update
mattnolting added a commit to mattnolting/patternfly that referenced this pull request Dec 12, 2023
* feat(toolbar): added row-gap to items/content-section

* feat(toolbar): modifier section spacing

* feat(toolbar): added margin-top and padding-bottom to exp

* update
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.

Add GAP to toolbar!
5 participants