diff options
| author | David Hill <[email protected]> | 2026-02-19 00:40:40 +0000 |
|---|---|---|
| committer | Aiden Cline <[email protected]> | 2026-02-19 18:37:56 -0600 |
| commit | 998c8bf3a5ad3e0244034030f9e981dce3f71168 (patch) | |
| tree | 068677e5ca4b8aaef69616d89e67e366d9f72d0f /packages/ui/src/components/collapsible.css | |
| parent | d2d7a37bca7febac7df4dd0ecdbc5b1a2d55ef65 (diff) | |
| download | opencode-998c8bf3a5ad3e0244034030f9e981dce3f71168.tar.gz opencode-998c8bf3a5ad3e0244034030f9e981dce3f71168.zip | |
tweak(ui): stabilize collapsible chevron hover
Diffstat (limited to 'packages/ui/src/components/collapsible.css')
| -rw-r--r-- | packages/ui/src/components/collapsible.css | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/packages/ui/src/components/collapsible.css b/packages/ui/src/components/collapsible.css index c96d5e64b..bab2c4f92 100644 --- a/packages/ui/src/components/collapsible.css +++ b/packages/ui/src/components/collapsible.css @@ -26,13 +26,16 @@ [data-slot="collapsible-arrow"] { opacity: 0; transition: opacity 0.15s ease; + will-change: opacity; + transform: translateZ(0); } [data-slot="collapsible-arrow-icon"] { display: inline-flex; color: var(--icon-weaker); - transform: rotate(-90deg); + transform: translateZ(0) rotate(-90deg); transition: transform 0.15s ease; + will-change: transform; } &:hover [data-slot="collapsible-arrow"] { @@ -74,7 +77,7 @@ } [data-slot="collapsible-arrow-icon"] { - transform: rotate(0deg); + transform: translateZ(0) rotate(0deg); } } |