Fix yaml settings editor styling (#99558) (#99621)

Co-authored-by: Jen Huang <its.jenetic@gmail.com>
elastic · May 10, 2021 · f61adbd · f61adbd
1 parent 8a68ed3
commit f61adbd
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/x-pack/plugins/fleet/public/applications/fleet/components/settings_flyout/index.tsx b/x-pack/plugins/fleet/public/applications/fleet/components/settings_flyout/index.tsx
@@ -42,6 +42,9 @@ import { isDiffPathProtocol } from '../../../../../common/';
 import { SettingsConfirmModal } from './confirm_modal';
 import type { SettingsConfirmModalProps } from './confirm_modal';
 
+import 'brace/mode/yaml';
+import 'brace/theme/textmate';
+
 const URL_REGEX = /^(https?):\/\/[^\s$.?#].[^\s]*$/gm;
 
 interface Props {
@@ -323,6 +326,7 @@ export const SettingFlyout: React.FunctionComponent<Props> = ({ onClose }) => {
             maxLines: 30,
             tabSize: 2,
             showGutter: false,
+            showPrintMargin: false,
           }}
           {...inputs.additionalYamlConfig.props}
           onChange={inputs.additionalYamlConfig.setValue}