Skip to content

fix(tree-view): add tokens#6284

Merged
mcoker merged 5 commits into
patternfly:v6from
mcoker:issue-5723
Feb 9, 2024
Merged

fix(tree-view): add tokens#6284
mcoker merged 5 commits into
patternfly:v6from
mcoker:issue-5723

Conversation

@mcoker

@mcoker mcoker commented Feb 8, 2024

Copy link
Copy Markdown
Contributor

convenience link to tree view component

fixes #5723

  • Just CSS updates
  • Left a to-do about maybe using the button component for the toggle icon, but maybe not - it isn't actually a <button> element except for in a checkbox tree-view, otherwise it's just an icon inside of the tree view node, and the node is a <button>.
  • Not sure about the spacing between the action and the right edge of the node here - wdyt @lboehling @andrew-ronaldson? It's a similar layout to the menu component, but the spacing is different in figma.
Screenshot 2024-02-08 at 10 00 52 PM

@patternfly-build

patternfly-build commented Feb 8, 2024

Copy link
Copy Markdown
Collaborator

@wise-king-sullyman wise-king-sullyman linked an issue Feb 8, 2024 that may be closed by this pull request
@mcoker mcoker marked this pull request as ready for review February 9, 2024 03:46

@srambach srambach left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I don't see any problems, good questions posed in the description. 🌴

@mcoker mcoker removed the request for review from thatblindgeye February 9, 2024 16:38
--#{$tree-view}__node-toggle-button--MarginTop: calc(var(--#{$pf-global}--spacer--form-element) * -1);
--#{$tree-view}__node-toggle-button--MarginBottom: calc(var(--#{$pf-global}--spacer--form-element) * -1);
--#{$tree-view}__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--body--default);
--#{$tree-view}__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--body--default);

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.

Duplicate var?

@wise-king-sullyman wise-king-sullyman 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.

🚀

@andrew-ronaldson andrew-ronaldson 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 think this looks good. Navigation has similar spacing to this tree-view so we could align on this instead. We can deal with that in another PR. Ship it!

@mcoker mcoker merged commit 1ce9572 into patternfly:v6 Feb 9, 2024
@patternfly-build

Copy link
Copy Markdown
Collaborator

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

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.

Consume tokens: Tree view

5 participants