fix(dashboard,ui): Fixes to Combobox and CategoryCombobox (#9537)
**What** - Fixes the Combobox to keep the width of the content constant. - Brings CategoryCombobox inline with the other Combobox component - Adds keyboard navigation to the CategoryCombobox: You can now navigate options using ArrowUp and ArrowDown, and if an option has children you can use ArrowRight to see the children options. - Add "outline-none" to the Drawer component to stop it from flashing whenever focus is dropped. - Removes a dependency that was added to the UI package by mistake Resolves CC-155
This commit is contained in:
@@ -75,7 +75,7 @@ const DrawerContent = React.forwardRef<
|
||||
<DrawerPrimitives.Content
|
||||
ref={ref}
|
||||
className={clx(
|
||||
"bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border focus:outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]",
|
||||
"bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]",
|
||||
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200",
|
||||
className
|
||||
)}
|
||||
|
||||
@@ -86,7 +86,7 @@ const textVariants = cva({
|
||||
],
|
||||
})
|
||||
|
||||
interface TextProps
|
||||
export interface TextProps
|
||||
extends React.ComponentPropsWithoutRef<"p">,
|
||||
VariantProps<typeof textVariants> {
|
||||
asChild?: boolean
|
||||
|
||||
Reference in New Issue
Block a user