mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
styling on dropdowns
This commit is contained in:
parent
c2b1f504a0
commit
6ab93982ae
@ -6,8 +6,8 @@ import ResetStyles from './ResetStyles';
|
|||||||
interface Props {
|
interface Props {
|
||||||
className?: string;
|
className?: string;
|
||||||
defaultValue?: any;
|
defaultValue?: any;
|
||||||
getOptionLabel?: (item: any) => string;
|
getOptionLabel: (item: any) => string;
|
||||||
getOptionValue?: (item: any) => string;
|
getOptionValue: (item: any) => string;
|
||||||
onSelected: (item: any) => {} | void;
|
onSelected: (item: any) => {} | void;
|
||||||
options: any[];
|
options: any[];
|
||||||
placeholder?: string;
|
placeholder?: string;
|
||||||
@ -28,7 +28,7 @@ const SimplePicker: SFC<Props> = ({
|
|||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<Select
|
<Select
|
||||||
classNamePrefix={`gf-form-select-box`}
|
classNamePrefix="gf-form-select-box"
|
||||||
className={`${width ? 'width-' + width : ''} gf-form-input gf-form-input--form-dropdown ${className || ''}`}
|
className={`${width ? 'width-' + width : ''} gf-form-input gf-form-input--form-dropdown ${className || ''}`}
|
||||||
components={{
|
components={{
|
||||||
Option: DescriptionOption,
|
Option: DescriptionOption,
|
||||||
|
@ -63,7 +63,7 @@ export default class UnitPicker extends PureComponent<Props> {
|
|||||||
return (
|
return (
|
||||||
<Select
|
<Select
|
||||||
classNamePrefix="gf-form-select-box"
|
classNamePrefix="gf-form-select-box"
|
||||||
className={`width-${width} gf-form-input--form-dropdown`}
|
className={`width-${width} gf-form-input gf-form-input--form-dropdown`}
|
||||||
defaultValue={value}
|
defaultValue={value}
|
||||||
isSearchable={true}
|
isSearchable={true}
|
||||||
menuShouldScrollIntoView={false}
|
menuShouldScrollIntoView={false}
|
||||||
|
@ -90,7 +90,7 @@ $select-input-bg-disabled: $input-bg-disabled;
|
|||||||
|
|
||||||
.gf-form-select-box__value-container {
|
.gf-form-select-box__value-container {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
padding: 8px 10px;
|
padding: 6px 10px;
|
||||||
> div {
|
> div {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user