Skip to content

fix(button): update buttons in workspace to include text/icon wrapper#6815

Merged
mcoker merged 7 commits into
patternfly:v6from
mcoker:issue-6808
Jun 26, 2024
Merged

fix(button): update buttons in workspace to include text/icon wrapper#6815
mcoker merged 7 commits into
patternfly:v6from
mcoker:issue-6808

Conversation

@mcoker

@mcoker mcoker commented Jun 21, 2024

Copy link
Copy Markdown
Contributor

fixes #6808

Backstop report -
backstop-buttons-6.24.24.pdf

@andrew-ronaldson @lboehling it's not necessarily tied to buttons, but I noticed the layout for chips/labels in the toolbar is different from v5. Is the v6 screenshot below what it should look like or do we need to make updates?

v5 - the chip groups and clear all filters button are inline with one another
Screenshot 2024-06-23 at 8 13 22 PM

v6 - everything is on its own line
Screenshot 2024-06-23 at 8 13 58 PM

@patternfly-build

patternfly-build commented Jun 21, 2024

Copy link
Copy Markdown
Collaborator

@mcoker mcoker force-pushed the issue-6808 branch 2 times, most recently from c881067 to 9cbcf08 Compare June 24, 2024 01:18
@mcoker mcoker marked this pull request as ready for review June 24, 2024 01:18
Comment thread src/patternfly/components/ActionList/examples/ActionList.md Outdated
Comment thread src/patternfly/components/Button/button-icon.hbs Outdated
Comment thread src/patternfly/components/Button/button.hbs Outdated
Comment thread src/patternfly/components/Card/card-header-toggle.hbs Outdated
mcoker and others added 2 commits June 25, 2024 09:38
Co-authored-by: Matt Nolting <matthew.nolting@gmail.com>
Co-authored-by: Matt Nolting <matthew.nolting@gmail.com>
{{#if button--id}}
id="{{button--id}}"
{{/if}}
{{ternary button--id button--id null}}

@mattnolting mattnolting Jun 25, 2024

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Sorry, I left out the string constructor part here

Suggested change
{{ternary button--id button--id null}}
{{ternary button--id (concat 'id="' button--id '"') null}}

@mattnolting

mattnolting commented Jun 25, 2024

Copy link
Copy Markdown
Collaborator

@andrew-ronaldson @lboehling it's not necessarily tied to buttons, but I noticed the layout for chips/labels in the toolbar is different from v5. Is the v6 screenshot below what it should look like or do we need to make updates?

@mcoker That's part of updating interactive elements to display: inline-flex; and mobile presentation only. For mobile, inputs should be full width

Mobile

Screenshot 2024-06-25 at 11 00 18 AM

Desktop

Screenshot 2024-06-25 at 11 00 22 AM

@srambach

srambach commented Jun 26, 2024

Copy link
Copy Markdown
Member

This one moved the add link on a repeatable field from the middle to left - I think it's ok but it's different. pf-core__components_forms_form_html-demos_sections-with-repeatablefields_0_document_0_mobile.png

Also the clear filters link here, same thing pf-core__components_toolbar_html-demos_toolbar-attribute-value-checkbox-menutoggle-filter-on-mobile_0_document_0_mobile.png

If those are ok, I don't see any other issues with any of the other diffs and 👍

example of difference:
image

@mattnolting mattnolting left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

I tested in many different scenarios and it works quite well, good work 👍 LPTM!

@patternfly-build

Copy link
Copy Markdown
Collaborator

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

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.

4 participants