binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5614] chore: work item detail and list layout enhancements #8355

Browse source
This commit is contained in:
Anmol Singh Bhatia 2025-12-17 16:18:14 +05:30 • committed by GitHub
parent 7c6a6a3432
commit 1338e9d2a4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

18
packages/ui/src/collapsible/collapsible.tsx
View file

@ -1,5 +1,4 @@
import { Disclosure, Transition } from "@headlessui/react";
import type { FC } from "react";
import React, { useState, useEffect, useCallback } from "react";
export type TCollapsibleProps = {
@ -40,14 +39,17 @@ export function Collapsible(props: TCollapsibleProps) {
</Disclosure.Button>
<Transition
show={localIsOpen}
enter="transition-max-height duration-400 ease-in-out"
enterFrom="max-h-0"
enterTo="max-h-screen"
leave="transition-max-height duration-400 ease-in-out"
leaveFrom="max-h-screen"
leaveTo="max-h-0"
enter="transition-all duration-300 ease-in-out"
enterFrom="grid-rows-[0fr] opacity-0"
enterTo="grid-rows-[1fr] opacity-100"
leave="transition-all duration-300 ease-in-out"
leaveFrom="grid-rows-[1fr] opacity-100"
leaveTo="grid-rows-[0fr] opacity-0"
className="grid overflow-hidden"
>
<Disclosure.Panel static>{children}</Disclosure.Panel>
<Disclosure.Panel static className="min-h-0">
{children}
</Disclosure.Panel>
</Transition>
</Disclosure>
);