FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

fix: use caretRight icon for tree view toggle instead of caretDown · patternfly-java/patternfly-java@d4241f0 · GitHub

Commit d4241f0

Browse files
committed
fix: use caretRight icon for tree view toggle instead of caretDown
The tree view toggle was using rhMicrons.caretDown (a downward-pointing caret), but PatternFly uses a right-pointing chevron (caretRight) that CSS-rotates 90° when expanded. This fixes the icon mismatch across all three TreeViewType variants (default, selectableItems, checkboxes).
1 parent 10f55de commit d4241f0

3 files changed

Lines changed: 859 additions & 713 deletions

File tree

‎CHANGELOG.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Fixed
10+
11+
- Fix tree view toggle icon to use `rhMicrons.caretRight` instead of `rhMicrons.caretDown`, matching PatternFly's right-pointing chevron that rotates on expand
12+
913
## [0.9.6] - 2026-08-17
1014

1115
### Added

‎components/src/main/java/org/patternfly/component/tree/TreeViewItem.java‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@
8989
import static org.patternfly.core.Roles.group;
9090
import static org.patternfly.core.Roles.treeItem;
9191
import static org.patternfly.core.Timeouts.LOADING_TIMEOUT;
92-
import static org.patternfly.icon.IconSets.rhMicrons.caretDown;
92+
import static org.patternfly.icon.IconSets.rhMicrons.caretRight;
9393
import static org.patternfly.icon.IconSets.rhUi.errorFill;
9494
import static org.patternfly.style.Classes.check;
9595
import static org.patternfly.style.Classes.component;
@@ -515,7 +515,7 @@ void finishDOM(TreeView tv) {
515515
})
516516
.element();
517517
toggleElement = span().css(component(treeView, node, toggle))
518-
.add(span().css(component(treeView, node, toggle, Classes.icon)).add(caretDown()))
518+
.add(span().css(component(treeView, node, toggle, Classes.icon)).add(caretRight()))
519519
.element();
520520
textElement = span().css(component(treeView, node, Classes.text)).element();
521521
tabElement = nodeElement;
@@ -535,7 +535,7 @@ void finishDOM(TreeView tv) {
535535
tv.toggle(this);
536536
e.stopPropagation();
537537
})
538-
.add(span().css(component(treeView, node, toggle, Classes.icon)).add(caretDown()))
538+
.add(span().css(component(treeView, node, toggle, Classes.icon)).add(caretRight()))
539539
.element();
540540
textElement = button().css(component(treeView, node, Classes.text))
541541
.attr(tabindex, -1)
@@ -559,7 +559,7 @@ void finishDOM(TreeView tv) {
559559
tv.toggle(this);
560560
e.stopPropagation();
561561
})
562-
.add(span().css(component(treeView, node, toggle, Classes.icon)).add(caretDown()))
562+
.add(span().css(component(treeView, node, toggle, Classes.icon)).add(caretRight()))
563563
.element();
564564
textElement = span().css(component(treeView, node, Classes.text)).element();
565565
containerElement.appendChild(span().css(component(treeView, node, check))

0 commit comments

Comments
 (0)

Back | FazBrowse Home | New Git URL