fix: addon wrapper to password input field (#8320)

* fix: addon wrapper to password input field

* fix: tooltip

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

---------

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
Co-authored-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
pull/8213/head^2
Henrique Pacheco 2023-04-19 11:12:55 -03:00 committed by GitHub
parent b4c3753566
commit ccd589ef38
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions

View File

@ -165,7 +165,7 @@ export default function Login({
{...register("email")}
/>
<div className="relative">
<div className="absolute -top-[6px] z-10 ltr:right-0 rtl:left-0">
<div className="z-5 absolute -top-1.5 ltr:right-0 rtl:left-0">
<Link
href="/auth/forgot-password"
tabIndex={-1}

View File

@ -224,7 +224,10 @@ export const PasswordField = forwardRef<HTMLInputElement, InputFieldProps>(funct
placeholder={props.placeholder || "•••••••••••••"}
ref={ref}
{...props}
className={classNames("mb-0 ltr:border-r-0 ltr:pr-10 rtl:border-l-0 rtl:pl-10", props.className)}
className={classNames(
"addon-wrapper mb-0 ltr:border-r-0 ltr:pr-10 rtl:border-l-0 rtl:pl-10",
props.className
)}
addOnFilled={false}
addOnSuffix={
<Tooltip content={textLabel}>