github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Timelion] Fix height of CodeEditor - Safari (#56050) (#56317)

Browse source 
* Fix height on CodeEditor in timelion visualization in safari
This commit is contained in:
Nick Partridge 2020-01-29 14:33:29 -06:00 • committed by GitHub
parent 96a57aacb8
commit b93d77eb3f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 43 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/legacy/core_plugins/timelion/public/components/_timelion_expression_input.scss
View file

@ -6,12 +6,22 @@
}
.timExpressionInput__editor {
height: 100%;
flex: 1;
position: relative;
padding-top: $euiSizeS;
}
.timExpressionInput__absolute {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@include euiBreakpoint('xs', 's', 'm') {
.timExpressionInput__editor {
flex: auto;
height: $euiSize * 15;
max-height: $euiSize * 15;
}

62
src/legacy/core_plugins/timelion/public/components/timelion_expression_input.tsx
View file

@ -107,37 +107,39 @@ function TimelionExpressionInput({ value, setValue }: TimelionExpressionInputPro
<FormattedMessage id="timelion.vis.expressionLabel" defaultMessage="Timelion expression" />
</EuiFormLabel>
<div className="timExpressionInput__editor">
<CodeEditor
languageId={LANGUAGE_ID}
value={value}
onChange={setValue}
suggestionProvider={{
triggerCharacters: ['.', ',', '(', '=', ':'],
provideCompletionItems,
}}
hoverProvider={{ provideHover }}
options={{
fixedOverflowWidgets: true,
fontSize: 14,
folding: false,
lineNumbers: 'off',
scrollBeyondLastLine: false,
minimap: {
enabled: false,
},
wordBasedSuggestions: false,
wordWrap: 'on',
wrappingIndent: 'indent',
}}
languageConfiguration={{
autoClosingPairs: [
{
open: '(',
close: ')',
<div className="timExpressionInput__absolute">
<CodeEditor
languageId={LANGUAGE_ID}
value={value}
onChange={setValue}
suggestionProvider={{
triggerCharacters: ['.', ',', '(', '=', ':'],
provideCompletionItems,
}}
hoverProvider={{ provideHover }}
options={{
fixedOverflowWidgets: true,
fontSize: 14,
folding: false,
lineNumbers: 'off',
scrollBeyondLastLine: false,
minimap: {
enabled: false,
},
],
}}
/>
wordBasedSuggestions: false,
wordWrap: 'on',
wrappingIndent: 'indent',
}}
languageConfiguration={{
autoClosingPairs: [
{
open: '(',
close: ')',
},
],
}}
/>
</div>
</div>
</div>
);