Add monaco default style options (elastic#107930) (elastic#108113)

* Add monaco default style options * Update snapshot Co-authored-by: Kibana Machine <[email protected]> Co-authored-by: Kibana Machine <[email protected]>
jportner · Aug 10, 2021 · d470500 · d470500
1 parent 1dd518d
commit d470500
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/plugins/kibana_react/public/code_editor/__snapshots__/code_editor.test.tsx.snap b/src/plugins/kibana_react/public/code_editor/__snapshots__/code_editor.test.tsx.snap
diff --git a/src/plugins/kibana_react/public/code_editor/code_editor.tsx b/src/plugins/kibana_react/public/code_editor/code_editor.tsx
@@ -193,6 +193,9 @@ export class CodeEditor extends React.Component<Props, {}> {
             wordWrap: 'on',
             wrappingIndent: 'indent',
             matchBrackets: 'never',
+            fontFamily: 'Roboto Mono',
+            fontSize: 12,
+            lineHeight: 21,
             ...options,
           }}
         />

diff --git a/x-pack/plugins/canvas/public/components/expression_input/expression_input.tsx b/x-pack/plugins/canvas/public/components/expression_input/expression_input.tsx
@@ -318,7 +318,7 @@ export class ExpressionInput extends React.Component<Props> {
                 provideHover: this.providerHover,
               }}
               options={{
-                fontSize: isCompact ? 12 : 16,
+                fontSize: isCompact ? 12 : 14,
                 scrollBeyondLastLine: false,
                 quickSuggestions: true,
                 minimap: {