IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-28 11:44:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

More style tweaks to thresholds

Browse Source
This commit is contained in:
Torkel Ödegaard 2019-01-16 15:13:59 +01:00
parent cc8b450799
commit 05b82bede3
1 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss
View File

@ -51,18 +51,6 @@
display: flex;
justify-content: center;
flex-direction: row;
height: 42px;
}
.thresholds-row-input-inner > div {
border-left: 1px solid $input-label-border-color;
border-top: 1px solid $input-label-border-color;
border-bottom: 1px solid $input-label-border-color;
}
.thresholds-row-input-inner > *:nth-child(2) {
border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius;
}
.thresholds-row-input-inner > *:last-child {
@ -80,9 +68,11 @@
}
.thresholds-row-input-inner-value > input {
height: 100%;
padding: 8px 10px;
height: $gf-form-input-height;
padding: $input-padding-y $input-padding-x;
width: 150px;
border-top: 1px solid $input-label-border-color;
border-bottom: 1px solid $input-label-border-color;
}
.thresholds-row-input-inner-color {
@ -91,6 +81,7 @@
align-items: center;
justify-content: center;
background-color: $input-bg;
border: 1px solid $input-label-border-color;
}
.thresholds-row-input-inner-color-colorpicker {
@ -105,8 +96,10 @@
display: flex;
align-items: center;
justify-content: center;
height: 42px;
height: $gf-form-input-height;
padding: $input-padding-y $input-padding-x;
width: 42px;
background-color: $input-label-border-color;
background-color: $input-label-bg;
border: 1px solid $input-label-border-color;
cursor: pointer;
}