diff options
| author | Leandro Alves <leandroalves@yahooinc.com> | 2022-08-13 11:09:49 +0200 |
|---|---|---|
| committer | Valerij Fredriksen <valerijf@yahooinc.com> | 2022-08-13 12:11:30 +0200 |
| commit | 8dbc693d85c23b550789753b7370755a7f3e2a7d (patch) | |
| tree | e040a6cd291d530bc539e4c364725f9655edff62 /client | |
| parent | c8577c93df4db9aa39cc7e3210ccf90611f2ceae (diff) | |
Fix monospace font in textarea
Diffstat (limited to 'client')
3 files changed, 19 insertions, 11 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx b/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx index 04827427133..90fe6a51eb6 100644 --- a/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx @@ -29,9 +29,15 @@ function PasteForm({ close }) { return ( <Stack> <Textarea + styles={(theme) => ({ + input: { + fontFamily: theme.fontFamilyMonospace, + fontSize: theme.fontSizes.xs, + }, + })} placeholder="Your Vespa query JSON" error={error} - minRows={34} + minRows={21} value={query} onChange={({ target }) => setQuery(target.value)} autosize diff --git a/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx b/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx index 4810f265a4d..c369083a6a0 100644 --- a/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx @@ -37,11 +37,12 @@ export function QueryDerived() { </Group> </Group> <Textarea - styles={{ - root: { height: '100%' }, - wrapper: { height: '100%' }, - input: { height: '100%' }, - }} + styles={(theme) => ({ + input: { + fontFamily: theme.fontFamilyMonospace, + fontSize: theme.fontSizes.xs, + }, + })} value={query} variant="unstyled" minRows={21} diff --git a/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx index 419d11ada7b..055618ac636 100644 --- a/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx @@ -42,11 +42,12 @@ export function QueryResponse() { </Group> </Group> <Textarea - styles={{ - root: { height: '100%' }, - wrapper: { height: '100%' }, - input: { height: '100%' }, - }} + styles={(theme) => ({ + input: { + fontFamily: theme.fontFamilyMonospace, + fontSize: theme.fontSizes.xs, + }, + })} value={response ?? ''} variant="unstyled" minRows={21} |