mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
styling
This commit is contained in:
parent
5c992ba13a
commit
e1eb7ca571
@ -91,7 +91,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
|
|||||||
return [
|
return [
|
||||||
<div className="gf-form threshold-row threshold-row-min" key="min">
|
<div className="gf-form threshold-row threshold-row-min" key="min">
|
||||||
<input
|
<input
|
||||||
className="gf-form-input"
|
className="gf-form-input threshold-row-input"
|
||||||
onBlur={this.onBlur}
|
onBlur={this.onBlur}
|
||||||
onChange={event => this.onChangeThresholdValue(event, thresholds[0])}
|
onChange={event => this.onChangeThresholdValue(event, thresholds[0])}
|
||||||
value={thresholds[0].value}
|
value={thresholds[0].value}
|
||||||
@ -108,7 +108,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
|
|||||||
</div>,
|
</div>,
|
||||||
<div className="gf-form threshold-row threshold-row-max" key="max">
|
<div className="gf-form threshold-row threshold-row-max" key="max">
|
||||||
<input
|
<input
|
||||||
className="gf-form-input"
|
className="gf-form-input threshold-row-input"
|
||||||
onBlur={this.onBlur}
|
onBlur={this.onBlur}
|
||||||
onChange={event => this.onChangeThresholdValue(event, thresholds[1])}
|
onChange={event => this.onChangeThresholdValue(event, thresholds[1])}
|
||||||
value={thresholds[1].value}
|
value={thresholds[1].value}
|
||||||
@ -129,7 +129,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
|
|||||||
key={`${threshold}-${index}`}
|
key={`${threshold}-${index}`}
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
className="gf-form-input"
|
className="gf-form-input threshold-row-input"
|
||||||
type="text"
|
type="text"
|
||||||
onChange={event => this.onChangeThresholdValue(event, threshold)}
|
onChange={event => this.onChangeThresholdValue(event, threshold)}
|
||||||
value={threshold.value}
|
value={threshold.value}
|
||||||
@ -177,7 +177,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
|
|||||||
const { userAddedThresholds } = this.state;
|
const { userAddedThresholds } = this.state;
|
||||||
const indicators = userAddedThresholds + 1;
|
const indicators = userAddedThresholds + 1;
|
||||||
|
|
||||||
if (index === 0 || index === indicators) {
|
if (index === 0 || index === this.state.thresholds.length) {
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={index}
|
key={index}
|
||||||
@ -212,7 +212,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
|
|||||||
background: this.getIndicatorColor(index),
|
background: this.getIndicatorColor(index),
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{index}
|
d
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
onClick={() => this.onAddThreshold(this.insertAtIndex(index))}
|
onClick={() => this.onAddThreshold(this.insertAtIndex(index))}
|
||||||
@ -222,7 +222,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
|
|||||||
background: this.getIndicatorColor(index),
|
background: this.getIndicatorColor(index),
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{index}
|
i
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -16,6 +16,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.threshold-row-input {
|
||||||
|
border-radius: $border-radius 0 0 $border-radius;
|
||||||
|
}
|
||||||
|
|
||||||
.threshold-row-min {
|
.threshold-row-min {
|
||||||
margin-top: -17px;
|
margin-top: -17px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user