Add width for Variable Editors (#30791)

This commit is contained in:
Ivana Huckova 2021-02-01 16:47:41 +01:00 committed by GitHub
parent 13ce811fab
commit 76f77f86c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

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"