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:
Armaan Jain 2026-06-15 18:36:16 -07:00 committed by GitHub
parent f97d3f5af9
commit cf6a49d89c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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">