diff --git a/public/app/core/components/CustomScrollbar/CustomScrollbar.tsx b/public/app/core/components/CustomScrollbar/CustomScrollbar.tsx index 9b9a9c4d02a..590c11c0615 100644 --- a/public/app/core/components/CustomScrollbar/CustomScrollbar.tsx +++ b/public/app/core/components/CustomScrollbar/CustomScrollbar.tsx @@ -28,8 +28,8 @@ class CustomScrollbar extends PureComponent {
} renderTrackVertical={props =>
} renderThumbHorizontal={props =>
} diff --git a/public/app/core/components/Select/Select.tsx b/public/app/core/components/Select/Select.tsx index ebd318842aa..09c8e2ceb8e 100644 --- a/public/app/core/components/Select/Select.tsx +++ b/public/app/core/components/Select/Select.tsx @@ -3,12 +3,14 @@ import classNames from 'classnames'; import React, { PureComponent } from 'react'; import { default as ReactSelect } from 'react-select'; import { default as ReactAsyncSelect } from 'react-select/lib/Async'; +import { components } from 'react-select'; // Components import { Option, SingleValue } from './PickerOption'; import IndicatorsContainer from './IndicatorsContainer'; import NoOptionsMessage from './NoOptionsMessage'; import ResetStyles from './ResetStyles'; +import CustomScrollbar from '../CustomScrollbar/CustomScrollbar'; export interface SelectOptionItem { label?: string; @@ -51,6 +53,14 @@ interface AsyncProps { loadingMessage?: () => string; } +export const MenuList = props => { + return ( + + {props.children} + + ); +}; + export class Select extends PureComponent { static defaultProps = { width: null, @@ -106,6 +116,7 @@ export class Select extends PureComponent { Option, SingleValue, IndicatorsContainer, + MenuList, }} defaultValue={defaultValue} value={value} diff --git a/public/sass/components/_form_select_box.scss b/public/sass/components/_form_select_box.scss index 940bb0143b0..4aa5f54a3d0 100644 --- a/public/sass/components/_form_select_box.scss +++ b/public/sass/components/_form_select_box.scss @@ -79,6 +79,7 @@ $select-input-bg-disabled: $input-bg-disabled; .gf-form-select-box__option { border-left: 2px solid transparent; white-space: nowrap; + background-color: $input-bg; &.gf-form-select-box__option--is-focused { color: $dropdownLinkColorHover;