Fix hover on scrubber

sebmarkbage · sebmarkbage · commit a2195910ea36 · 2025-09-28T19:27:58.000-04:00
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css
@@ -51,10 +51,7 @@
   background: var(--color-background-selected);
 }
 
-.SuspenseScrubberBeadSelected:hover {
+.SuspenseScrubberStep:hover > .SuspenseScrubberBead,
+.SuspenseScrubberStep:hover > .SuspenseScrubberBeadSelected {
   height: 0.75rem;
 }
-
-.SuspenseScrubberBead:hover {
-  height: 0.75rem;
-}

Original file line number	Diff line number	Diff line change
`@@ -51,10 +51,7 @@`
`51`	`51`	`background: var(--color-background-selected);`
`52`	`52`	`}`
`53`	`53`
`54`		`-.SuspenseScrubberBeadSelected:hover {`
	`54`	`+.SuspenseScrubberStep:hover > .SuspenseScrubberBead,`
	`55`	`+.SuspenseScrubberStep:hover > .SuspenseScrubberBeadSelected {`
`55`	`56`	`height: 0.75rem;`
`56`	`57`	`}`
`57`		`-`
`58`		`-.SuspenseScrubberBead:hover {`
`59`		`- height: 0.75rem;`
`60`		`-}`