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

color indicator

Browse Source
This commit is contained in:
Peter Holmberg 2018-11-28 15:23:14 +01:00
parent 2919fe1d6a
commit 3066f895fa
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -163,7 +163,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
const rowStyle = classNames({ const rowStyle = classNames({
'threshold-row': true, 'threshold-row': true,
'threshold-row-min': index === 0, 'threshold-row-min': index === 0,
'threshold-row-max': index === thresholds.length, 'threshold-row-max': index === thresholds.length - 1,
}); });
return ( return (

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

@ -4,7 +4,6 @@
} }
.threshold-rows { .threshold-rows {
flex: 1 0 auto;
margin-left: 5px; margin-left: 5px;
} }
@ -36,6 +35,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: $input-bg;
} }
.threshold-row-color-inner { .threshold-row-color-inner {
@ -66,11 +66,11 @@
} }
.threshold-row-min { .threshold-row-min {
margin-top: -17px; margin-top: -22px;
} }
.threshold-row-max { .threshold-row-max {
margin-bottom: -17px; margin-bottom: -22px;
} }
.threshold-row-remove { .threshold-row-remove {
@ -107,7 +107,6 @@
.color-indicators { .color-indicators {
width: 15px; width: 15px;
min-height: 40px;
flex: 0 1 auto;
border-radius: $border-radius; border-radius: $border-radius;
overflow: hidden;
} }