From 993212a0baccd353a2f026e72dc3120973c1dcec Mon Sep 17 00:00:00 2001 From: lawff <103186898+lawff@users.noreply.github.com> Date: Fri, 16 Sep 2022 23:35:40 +0800 Subject: [PATCH] [@mantine/core] PasswordInput: Fix incorrect selection styles (#2473) * fix: PasswordInput text select style * fix: line-height in PassportInput --- src/mantine-core/src/PasswordInput/PasswordInput.styles.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts index f5530d358ed..e158f81bb74 100644 --- a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts +++ b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts @@ -17,7 +17,9 @@ export default createStyles((theme, { size, rightSectionWidth }: PasswordInputSt innerInput: { ...theme.fn.fontStyles(), backgroundColor: 'transparent', - border: 0, + border: '1px solid transparent', + borderLeftWidth: 0, + borderRightWidth: 0, boxSizing: 'border-box', position: 'absolute', display: 'block', @@ -25,7 +27,7 @@ export default createStyles((theme, { size, rightSectionWidth }: PasswordInputSt paddingLeft: theme.fn.size({ size, sizes: INPUT_SIZES }) / 3, fontSize: theme.fn.size({ size, sizes: theme.fontSizes }), height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2, - lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 2}px`, + lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 4}px`, color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black, top: 0, bottom: 0,