summaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx17
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(" ")}
>