Skip to content

Commit fb1ab61

Browse files
authored
Fix filter chicklet color persistence in focus state (#9109)
Preserve chicklet colors when focused by adding :focus and :active pseudo-classes to the data-status selector. This prevents the white flash that occurred when clicking a filter chicklet and moving the mouse away. Related to #8996
1 parent aa59364 commit fb1ab61

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

ui/css/treeherder-navbar.css

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -189,7 +189,9 @@ secondary-nav-bar {
189189

190190
/* Filter chicklets - use data attributes with shared color tokens */
191191
.btn-view-nav[data-status],
192-
.btn-view-nav[data-status]:hover {
192+
.btn-view-nav[data-status]:hover,
193+
.btn-view-nav[data-status]:focus,
194+
.btn-view-nav[data-status]:active {
193195
--bs-btn-color: var(--chicklet-color);
194196
--bs-btn-hover-color: var(--chicklet-color);
195197
--bs-btn-active-color: var(--chicklet-color);

0 commit comments

Comments
 (0)