mirror of
https://github.com/stack-auth/stack.git
synced 2026-06-19 21:00:40 +08:00
Dashboard sidebar animation fix (#1601)
<!--
Make sure you've read the CONTRIBUTING.md guidelines:
https://github.com/hexclave/hexclave/blob/dev/CONTRIBUTING.md
-->
<!-- This is an auto-generated description by cubic. -->
---
## Summary by cubic
Fixes the project sidebar animation flicker by always applying
overflow-hidden to the animated container and only toggling h-0 when
collapsed. Expanding and collapsing sections now animate smoothly
without content popping.
<sup>Written for commit 7af633b1e7.
Summary will update on new commits.</sup>
<a
href="https://cubic.dev/pr/hexclave/hexclave/pull/1601?utm_source=github"
target="_blank" rel="noopener noreferrer"
data-no-image-dialog="true"><picture><source
media="(prefers-color-scheme: dark)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"><source
media="(prefers-color-scheme: light)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-light.svg"><img
alt="Review in cubic"
src="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"></picture></a>
<!-- End of auto-generated description by cubic. -->
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
* **Bug Fixes**
* Improved the visual clipping behavior of nested sidebar items during
expand/collapse transitions for smoother animations.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
parent
f97d3f5af9
commit
cf6a49d89c
@ -319,8 +319,8 @@ function NavItem({
|
||||
: "0px",
|
||||
}}
|
||||
className={cn(
|
||||
"ml-[0.5px] w-[calc(100%-1px)] transition-[height] duration-200",
|
||||
!isExpanded && "h-0 overflow-hidden"
|
||||
"ml-[0.5px] w-[calc(100%-1px)] overflow-hidden transition-[height] duration-200",
|
||||
!isExpanded && "h-0"
|
||||
)}
|
||||
>
|
||||
<div className="space-y-2 py-2 pl-3">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user