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

[APM] Errors Watcher assistant - Compressed form fields (#19204)

Browse source 
Adding `compressed` to the EuiFormRows for a more compressed looking form.
This commit is contained in:
Casper Hübertz 2018-05-24 10:58:24 +02:00 committed by GitHub
parent a0cf5c0d39
commit 1683909c3c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
x-pack/plugins/apm/public/components/app/ErrorGroupOverview/Watcher/WatcherFlyOut.js
View file

@ -261,6 +261,7 @@ export default class WatcherFlyout extends Component {
<EuiFormRow
label="Occurrences threshold per error group"
helpText="Threshold to be met for error group to be included in report."
compressed
>
<EuiFieldNumber
icon="number"
@ -288,6 +289,7 @@ export default class WatcherFlyout extends Component {
<EuiFormRow
helpText={`The daily report will be sent at ${dailyTimeFormatted} / ${dailyTime12HourFormatted}.`}
compressed
>
<EuiSelect
value={dailyTime}
@ -309,7 +311,10 @@ export default class WatcherFlyout extends Component {
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<SmallInput>
<EuiFormRow helpText="Time interval between reports.">
<EuiFormRow
helpText="Time interval between reports."
compressed
>
<EuiFieldNumber
icon="clock"
min={1}
@ -321,21 +326,23 @@ export default class WatcherFlyout extends Component {
</SmallInput>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiSelect
value={this.state.interval.unit}
onChange={this.onChangeIntervalUnit}
options={[
{
value: 'm',
text: 'mins'
},
{
value: 'h',
text: 'hrs'
}
]}
disabled={this.state.schedule !== 'interval'}
/>
<EuiFormRow compressed>
<EuiSelect
value={this.state.interval.unit}
onChange={this.onChangeIntervalUnit}
options={[
{
value: 'm',
text: 'mins'
},
{
value: 'h',
text: 'hrs'
}
]}
disabled={this.state.schedule !== 'interval'}
/>
</EuiFormRow>
</EuiFlexItem>
</EuiFlexGroup>
@ -354,6 +361,7 @@ export default class WatcherFlyout extends Component {
{this.state.actions.email && (
<EuiFormRow
label="Receipients (seperated with comma)"
compressed
helpText={
<span>
If you have not configured email, please see the{' '}
@ -384,6 +392,7 @@ export default class WatcherFlyout extends Component {
{this.state.actions.slack && (
<EuiFormRow
label="Slack Webhook URL"
compressed
helpText={
<span>
To get a Slack webhook, please see the{' '}