diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx b/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx index b0ed5ab7c..53c6da295 100644 --- a/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx +++ b/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx @@ -99,12 +99,15 @@ const filledRootStyle = css` background-color: ${backgroundColor}; } } - [data-focused] { + &[data-focused] { background-color: ${backgroundColor}; } - [data-disabled] { + &[data-disabled] { background-color: ${backgroundColorDisabled}; } + &[data-multiline] { + padding: 25px 12px 8px; + } `; const underlineStyle = css` @@ -159,12 +162,20 @@ const underlineStyle = css` } `; -function Root({ fullWidth, disabled, focused, error, children }: any): VNode { +function Root({ + fullWidth, + disabled, + focused, + error, + children, + multiline, +}: any): VNode { return ( <InputBaseRoot disabled={disabled} focused={focused} fullWidth={fullWidth} + multiline={multiline} error={error} class={[filledRootStyle, underlineStyle].join(" ")} > |