IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Peter Holmberg 2018-11-23 16:25:46 +01:00
parent 5c992ba13a
commit e1eb7ca571
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/plugins/panel/gauge/Thresholds.tsx
View File

@ -91,7 +91,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
return [
<div className="gf-form threshold-row threshold-row-min" key="min">
<input
className="gf-form-input"
className="gf-form-input threshold-row-input"
onBlur={this.onBlur}
onChange={event => this.onChangeThresholdValue(event, thresholds[0])}
value={thresholds[0].value}
@ -108,7 +108,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
</div>,
<div className="gf-form threshold-row threshold-row-max" key="max">
<input
className="gf-form-input"
className="gf-form-input threshold-row-input"
onBlur={this.onBlur}
onChange={event => this.onChangeThresholdValue(event, thresholds[1])}
value={thresholds[1].value}
@ -129,7 +129,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
key={`${threshold}-${index}`}
>
<input
className="gf-form-input"
className="gf-form-input threshold-row-input"
type="text"
onChange={event => this.onChangeThresholdValue(event, threshold)}
value={threshold.value}
@ -177,7 +177,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
const { userAddedThresholds } = this.state;
const indicators = userAddedThresholds + 1;
if (index === 0 || index === indicators) {
if (index === 0 || index === this.state.thresholds.length) {
return (
<div
key={index}
@ -212,7 +212,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
background: this.getIndicatorColor(index),
}}
>
{index}
d
</div>
<div
onClick={() => this.onAddThreshold(this.insertAtIndex(index))}
@ -222,7 +222,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
background: this.getIndicatorColor(index),
}}
>
{index}
i
</div>
</div>
);

4
public/sass/components/_thresholds.scss
View File

@ -16,6 +16,10 @@
}
}
.threshold-row-input {
border-radius: $border-radius 0 0 $border-radius;
}
.threshold-row-min {
margin-top: -17px;
}