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

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
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; position: absolute;
z-index: $zindex-dropdown; z-index: $zindex-dropdown;
min-width: 100%; min-width: 100%;
&-notice--no-options {
background-color: $input-bg;
padding: 10px;
}
} }
.gf-form-select-box__menu-list { .gf-form-select-box__menu-list {
@@ -75,6 +79,21 @@ $select-input-bg-disabled: $input-bg-disabled;
.gf-form-select-box__multi-value { .gf-form-select-box__multi-value {
display: inline; 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 { .gf-form-select-box__option {
@@ -105,6 +124,7 @@ $select-input-bg-disabled: $input-bg-disabled;
vertical-align: middle; vertical-align: middle;
> div { > div {
display: inline-block; display: inline-block;
vertical-align: middle;
} }
} }