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 <div
data-testid={`anchor-${id}`} data-testid={`anchor-${id}`}
className={cn( 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 && "min-h-7 p-0 px-1",
editNode && disabled && "min-h-5 border-muted", editNode && disabled && "min-h-5 border-muted",
disabled && "bg-muted text-muted", disabled && "bg-muted text-muted",

View file

@ -5,7 +5,7 @@ import { cn } from "../../utils/utils";
import ForwardedIconComponent from "../common/genericIconComponent"; import ForwardedIconComponent from "../common/genericIconComponent";
const buttonVariants = cva( 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: { variants: {
variant: { variant: {
@ -91,7 +91,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
className={ className={
!unstyled !unstyled
? buttonVariants({ variant, size, className }) ? buttonVariants({ variant, size, className })
: cn(className, "noflow nowheel nopan nodelete nodrag") : cn(className)
} }
disabled={loading || disabled} disabled={loading || disabled}
{...(asChild ? {} : { type: type || "button" })} {...(asChild ? {} : { type: type || "button" })}