From ecea3ac89064aa35f76864b2fdb36cb6d7eef386 Mon Sep 17 00:00:00 2001 From: Adam Kusmierz Date: Tue, 4 Feb 2020 14:14:03 +0100 Subject: [PATCH 1/2] #19409 fix --- packages/material-ui/src/OutlinedInput/NotchedOutline.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/material-ui/src/OutlinedInput/NotchedOutline.js b/packages/material-ui/src/OutlinedInput/NotchedOutline.js index 638a936f2d6dd5..9dbf19674e72ec 100644 --- a/packages/material-ui/src/OutlinedInput/NotchedOutline.js +++ b/packages/material-ui/src/OutlinedInput/NotchedOutline.js @@ -39,7 +39,7 @@ export const styles = theme => { textAlign: 'left', padding: 0, height: 11, // sync with `lineHeight` in `legend` styles - fontSize: '0.75em', + fontSize: '1.05rem', visibility: 'hidden', maxWidth: 0.01, transition: theme.transitions.create('max-width', { From 3e09dfcc607b26166d8d3a2187719d76ad822c82 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Tue, 4 Feb 2020 18:30:00 +0100 Subject: [PATCH 2/2] increase consistency --- packages/material-ui/src/InputBase/InputBase.js | 3 +-- packages/material-ui/src/OutlinedInput/NotchedOutline.js | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/material-ui/src/InputBase/InputBase.js b/packages/material-ui/src/InputBase/InputBase.js index 955a57f420df61..11d0f07be41867 100644 --- a/packages/material-ui/src/InputBase/InputBase.js +++ b/packages/material-ui/src/InputBase/InputBase.js @@ -39,9 +39,8 @@ export const styles = theme => { /* Styles applied to the root element. */ root: { // Mimics the default input display property used by browsers for an input. - fontFamily: theme.typography.fontFamily, + ...theme.typography.body1, color: theme.palette.text.primary, - fontSize: theme.typography.pxToRem(16), lineHeight: '1.1875em', // Reset (19px), match the native input line-height boxSizing: 'border-box', // Prevent padding issue with fullWidth. position: 'relative', diff --git a/packages/material-ui/src/OutlinedInput/NotchedOutline.js b/packages/material-ui/src/OutlinedInput/NotchedOutline.js index 9dbf19674e72ec..638a936f2d6dd5 100644 --- a/packages/material-ui/src/OutlinedInput/NotchedOutline.js +++ b/packages/material-ui/src/OutlinedInput/NotchedOutline.js @@ -39,7 +39,7 @@ export const styles = theme => { textAlign: 'left', padding: 0, height: 11, // sync with `lineHeight` in `legend` styles - fontSize: '1.05rem', + fontSize: '0.75em', visibility: 'hidden', maxWidth: 0.01, transition: theme.transitions.create('max-width', {