Skip to content

Commit 07069c8

Browse files
committed
Transition chevron only on selected and not on hover or focus-visible.
1 parent ece5efc commit 07069c8

1 file changed

Lines changed: 1 addition & 5 deletions

File tree

‎packages/components/src/tabs/styles.ts‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -251,11 +251,7 @@ export const TabChevron = styled( Icon )`
251251
// indicator that's being animated at the same time.
252252
@media not ( prefers-reduced-motion ) {
253253
[data-select-on-move='true']
254-
[role='tab']:is(
255-
[aria-selected='true'],
256-
[data-focus-visible],
257-
:hover
258-
)
254+
[role='tab']:is( [aria-selected='true'], )
259255
& {
260256
transition: opacity 0.3s ease-in;
261257
}

0 commit comments

Comments
 (0)