maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[Fleet] Set code editor height to solve an overlap in default policy settings (#113763) (#113906)

Browse source 
Co-authored-by: Cristina Amico <criamico@users.noreply.github.com>
This commit is contained in:
Kibana Machine 2021-10-05 08:15:47 -04:00 committed by GitHub
parent 6072b5e12e
commit 352695e656
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/components/package_policy_input_var_field.tsx
View file

@ -17,12 +17,17 @@ import {
EuiFieldPassword,
EuiCodeBlock,
} from '@elastic/eui';
import styled from 'styled-components';
import type { RegistryVarsEntry } from '../../../../types';
import { CodeEditor } from '../../../../../../../../../../src/plugins/kibana_react/public';
import { MultiTextInput } from './multi_text_input';
const FixedHeightDiv = styled.div`
height: 300px;
`;
export const PackagePolicyInputVarField: React.FunctionComponent<{
varDef: RegistryVarsEntry;
value: any;
@ -55,31 +60,34 @@ export const PackagePolicyInputVarField: React.FunctionComponent<{
<pre>{value}</pre>
</EuiCodeBlock>
) : (
<CodeEditor
languageId="yaml"
width="100%"
height="300px"
value={value}
onChange={onChange}
options={{
minimap: {
enabled: false,
},
ariaLabel: i18n.translate('xpack.fleet.packagePolicyField.yamlCodeEditor', {
defaultMessage: 'YAML Code Editor',
}),
scrollBeyondLastLine: false,
wordWrap: 'off',
wrappingIndent: 'indent',
tabSize: 2,
// To avoid left margin
lineNumbers: 'off',
lineNumbersMinChars: 0,
glyphMargin: false,
folding: false,
lineDecorationsWidth: 0,
}}
/>
<FixedHeightDiv>
<CodeEditor
languageId="yaml"
width="100%"
height="300px"
value={value}
onChange={onChange}
options={{
minimap: {
enabled: false,
},
ariaLabel: i18n.translate('xpack.fleet.packagePolicyField.yamlCodeEditor', {
defaultMessage: 'YAML Code Editor',
}),
scrollBeyondLastLine: false,
wordWrap: 'off',
wrappingIndent: 'indent',
tabSize: 2,
// To avoid left margin
lineNumbers: 'off',
lineNumbersMinChars: 0,
glyphMargin: false,
folding: false,
lineDecorationsWidth: 0,
overviewRulerBorder: false,
}}
/>
</FixedHeightDiv>
);
case 'bool':
return (