monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

tweak(ui): stabilize collapsible chevron hover

Browse Source
This commit is contained in:
David Hill
2026-02-19 00:40:40 +00:00
committed by Aiden Cline
parent d2d7a37bca
commit 998c8bf3a5
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/ui/src/components/collapsible.css
View File

@@ -26,13 +26,16 @@
[data-slot="collapsible-arrow"] { [data-slot="collapsible-arrow"] {
opacity: 0; opacity: 0;
transition: opacity 0.15s ease; transition: opacity 0.15s ease;
will-change: opacity;
transform: translateZ(0);
} }
[data-slot="collapsible-arrow-icon"] { [data-slot="collapsible-arrow-icon"] {
display: inline-flex; display: inline-flex;
color: var(--icon-weaker); color: var(--icon-weaker);
transform: rotate(-90deg); transform: translateZ(0) rotate(-90deg);
transition: transform 0.15s ease; transition: transform 0.15s ease;
will-change: transform;
} }
&:hover [data-slot="collapsible-arrow"] { &:hover [data-slot="collapsible-arrow"] {
@@ -74,7 +77,7 @@
} }
[data-slot="collapsible-arrow-icon"] { [data-slot="collapsible-arrow-icon"] {
transform: rotate(0deg); transform: translateZ(0) rotate(0deg);
} }
} }