dev: dropdown overflow issue resolved in kanban (#1106)

This commit is contained in:
guru_sainath 2023-05-21 19:08:28 +05:30 committed by GitHub
parent 83a0c8163f
commit a44cddb0fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 2 deletions

View File

@ -99,7 +99,7 @@ export const SingleBoard: React.FC<Props> = ({
</div> </div>
</> </>
)} )}
<div className="pt-3 overflow-y-auto"> <div className="pt-3 overflow-hidden overflow-y-scroll">
{groupedByIssues?.[groupTitle].map((issue, index) => ( {groupedByIssues?.[groupTitle].map((issue, index) => (
<Draggable <Draggable
key={issue.id} key={issue.id}

View File

@ -122,6 +122,8 @@ export const ViewAssigneeSelect: React.FC<Props> = ({
noChevron noChevron
position={position} position={position}
disabled={isNotAllowed} disabled={isNotAllowed}
selfPositioned={selfPositioned}
dropdownWidth="w-full min-w-[8rem]"
/> />
); );
}; };

View File

@ -29,6 +29,7 @@ type CustomSearchSelectProps = {
selfPositioned?: boolean; selfPositioned?: boolean;
multiple?: boolean; multiple?: boolean;
footerOption?: JSX.Element; footerOption?: JSX.Element;
dropdownWidth?: string;
}; };
export const CustomSearchSelect = ({ export const CustomSearchSelect = ({
label, label,
@ -47,6 +48,7 @@ export const CustomSearchSelect = ({
selfPositioned = false, selfPositioned = false,
multiple = false, multiple = false,
footerOption, footerOption,
dropdownWidth,
}: CustomSearchSelectProps) => { }: CustomSearchSelectProps) => {
const [query, setQuery] = useState(""); const [query, setQuery] = useState("");
@ -108,7 +110,9 @@ export const CustomSearchSelect = ({
position === "right" ? "right-0" : "left-0" position === "right" ? "right-0" : "left-0"
} ${ } ${
verticalPosition === "top" ? "bottom-full mb-1" : "mt-1" verticalPosition === "top" ? "bottom-full mb-1" : "mt-1"
} z-10 origin-top-right rounded-md bg-brand-surface-1 text-xs shadow-lg focus:outline-none`} } z-10 origin-top-right rounded-md bg-brand-surface-1 text-xs shadow-lg focus:outline-none ${
dropdownWidth ? dropdownWidth : ``
} `}
> >
<div className="flex w-full items-center justify-start rounded-sm border-[0.6px] border-brand-base bg-brand-surface-1 px-2"> <div className="flex w-full items-center justify-start rounded-sm border-[0.6px] border-brand-base bg-brand-surface-1 px-2">
<MagnifyingGlassIcon className="h-3 w-3 text-brand-secondary" /> <MagnifyingGlassIcon className="h-3 w-3 text-brand-secondary" />