Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@mcoker
Copy link
Contributor

@mcoker mcoker commented Feb 8, 2024

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
Copy link
Collaborator

patternfly-build commented Feb 8, 2024

@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
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.

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
Collaborator

Choose a reason for hiding this comment

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

Duplicate var?

Copy link
Collaborator

@wise-king-sullyman wise-king-sullyman left a comment

Choose a reason for hiding this comment

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

πŸš€

Copy link
Collaborator

@andrew-ronaldson andrew-ronaldson left a comment

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