public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add width for Variable Editors (#30791) (#30795)

Browse Source 
(cherry picked from commit 76f77f86c5)

Co-authored-by: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
This commit is contained in:
Grot (@grafanabot)
2021-02-01 17:12:08 +01:00
committed by GitHub
co-authored by Ivana Huckova
parent d1c95055ca
commit 4fc57f13ab
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/variables/query/QueryVariableEditor.tsx
+9 -1
View File
@@ -1,4 +1,5 @@
import React, { ChangeEvent, PureComponent } from 'react'; import React, { ChangeEvent, PureComponent } from 'react';
import { css } from 'emotion';
import { MapDispatchToProps, MapStateToProps } from 'react-redux'; import { MapDispatchToProps, MapStateToProps } from 'react-redux';
import { InlineField, InlineFieldRow, VerticalGroup } from '@grafana/ui'; import { InlineField, InlineFieldRow, VerticalGroup } from '@grafana/ui';
import { selectors } from '@grafana/e2e-selectors'; import { selectors } from '@grafana/e2e-selectors';
@@ -197,7 +198,14 @@ export class QueryVariableEditorUnConnected extends PureComponent<Props, State>
</InlineField> </InlineField>
<QueryVariableRefreshSelect onChange={this.onRefreshChange} refresh={this.props.variable.refresh} /> <QueryVariableRefreshSelect onChange={this.onRefreshChange} refresh={this.props.variable.refresh} />
</InlineFieldRow> </InlineFieldRow>
<div style={{ flexDirection: 'column' }}>{this.renderQueryEditor()}</div> <div
className={css`
flex-direction: column;
width: 100%;
`}
>
{this.renderQueryEditor()}
</div>
<VariableTextField <VariableTextField
value={this.state.regex ?? this.props.variable.regex} value={this.state.regex ?? this.props.variable.regex}
name="Regex" name="Regex"