IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-15 01:53:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

StatsPicker: Fix multiple value input layout etc. (#17827)

Browse Source 
* Add padding and centering

* Vertically center input

* Add noOptions styles

* Move reove button to same line

* StatsPicker: style tweak
This commit is contained in:
Tobias Skarhed 2019-07-02 16:42:08 +02:00 committed by Torkel Ödegaard
parent 9620ac4b92
commit 3aed4d3613
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/grafana-ui/src/components/Select/_Select.scss
View File

@ -58,6 +58,10 @@ $select-input-bg-disabled: $input-bg-disabled;
position: absolute;
z-index: $zindex-dropdown;
min-width: 100%;
&-notice--no-options {
background-color: $input-bg;
padding: 10px;
}
}
.gf-form-select-box__menu-list {
@ -75,6 +79,21 @@ $select-input-bg-disabled: $input-bg-disabled;
.gf-form-select-box__multi-value {
display: inline;
margin: 0 6px 0 0;
cursor: pointer;
}
.gf-form-select-box__multi-value__remove {
text-align: center;
display: inline-block;
height: 14px;
vertical-align: middle;
margin-left: 2px;
}
.gf-form-select-box__multi-value__label {
display: inline;
vertical-align: middle;
}
.gf-form-select-box__option {
@ -105,6 +124,7 @@ $select-input-bg-disabled: $input-bg-disabled;
vertical-align: middle;
> div {
display: inline-block;
vertical-align: middle;
}
}