fix: prevent inconsistent scroll behavior (#4958)

Refactor: update inputComponent popover styles and button variants
This commit is contained in:
anovazzi1 2024-12-03 20:10:45 -03:00 committed by GitHub
commit a2bd59e45e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View file

@ -68,7 +68,7 @@ const CustomInputPopover = ({
<div
data-testid={`anchor-${id}`}
className={cn(
"primary-input noflow nowheel nopan nodelete nodrag border-1 flex h-full min-h-[2.375rem] cursor-default flex-wrap items-center px-2",
"primary-input noflow nopan nodelete nodrag border-1 flex h-full min-h-[2.375rem] cursor-default flex-wrap items-center px-2",
editNode && "min-h-7 p-0 px-1",
editNode && disabled && "min-h-5 border-muted",
disabled && "bg-muted text-muted",

View file

@ -5,7 +5,7 @@ import { cn } from "../../utils/utils";
import ForwardedIconComponent from "../common/genericIconComponent";
const buttonVariants = cva(
"noflow nowheel nopan nodelete nodrag inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-100 disabled:disabled-state [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
"noflow nopan nodelete nodrag inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-100 disabled:disabled-state [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
{
variants: {
variant: {
@ -91,7 +91,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
className={
!unstyled
? buttonVariants({ variant, size, className })
: cn(className, "noflow nowheel nopan nodelete nodrag")
: cn(className)
}
disabled={loading || disabled}
{...(asChild ? {} : { type: type || "button" })}