From 4902c2b27b0bf675513d90e77523bab9fd35a07c Mon Sep 17 00:00:00 2001 From: lawliet Date: Fri, 16 Sep 2022 20:09:40 +0800 Subject: [PATCH 1/2] fix: PasswordInput text select style --- src/mantine-core/src/PasswordInput/PasswordInput.styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts index f5530d358ed..a10cfcbc16b 100644 --- a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts +++ b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts @@ -24,7 +24,7 @@ export default createStyles((theme, { size, rightSectionWidth }: PasswordInputSt width: `calc(100% - ${rightSectionWidth}px)`, 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, + height: theme.fn.size({ size, sizes: INPUT_SIZES }), lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 2}px`, color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black, top: 0, From 9fa91e8102392194fae06461fa702e7e24cb2ed0 Mon Sep 17 00:00:00 2001 From: lawliet Date: Fri, 16 Sep 2022 22:41:49 +0800 Subject: [PATCH 2/2] fix: line-height in PassportInput --- .../src/PasswordInput/PasswordInput.styles.ts | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts index a10cfcbc16b..e158f81bb74 100644 --- a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts +++ b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts @@ -17,15 +17,17 @@ 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', width: `calc(100% - ${rightSectionWidth}px)`, 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 }), - lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 2}px`, + height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2, + lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 4}px`, color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black, top: 0, bottom: 0,