diff --git a/frontend/app/element/button.less b/frontend/app/element/button.less index 8d74b84b9..96d2da031 100644 --- a/frontend/app/element/button.less +++ b/frontend/app/element/button.less @@ -144,9 +144,10 @@ } } - &.disabled { + &:disabled { cursor: default; opacity: 0.5; + pointer-events: none; } &:focus, diff --git a/frontend/app/element/button.tsx b/frontend/app/element/button.tsx index 75403e34b..964671c47 100644 --- a/frontend/app/element/button.tsx +++ b/frontend/app/element/button.tsx @@ -35,9 +35,7 @@ const Button = memo( <button ref={btnRef} tabIndex={disabled ? -1 : 0} - className={clsx("button", finalClassName, { - disabled, - })} + className={clsx("button", finalClassName)} disabled={disabled} {...props} >