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

fixed max height issue not being respected by react select dropdown

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-12-10 12:02:27 +01:00
parent cb59f388ca
commit 7e0bc8f30d
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/core/components/Picker/ResetStyles.tsx
View File

@ -1,4 +1,4 @@
export default {
export default {
clearIndicator: () => ({}),
container: () => ({}),
control: () => ({}),
@ -11,7 +11,9 @@
loadingIndicator: () => ({}),
loadingMessage: () => ({}),
menu: () => ({}),
menuList: () => ({}),
menuList: ({ maxHeight }: { maxHeight: number }) => ({
maxHeight,
}),
multiValue: () => ({}),
multiValueLabel: () => ({}),
multiValueRemove: () => ({}),

1
public/app/features/explore/Explore.tsx
View File

@ -913,6 +913,7 @@ export class Explore extends React.PureComponent<ExploreProps, ExploreState> {
onChange={this.onChangeDatasource}
options={exploreDatasources}
styles={ResetStyles}
maxMenuHeight={500}
placeholder="Select datasource"
loadingMessage={() => 'Loading datasources...'}
noOptionsMessage={() => 'No datasources found'}

5
public/sass/components/_form_select_box.scss
View File

@ -55,6 +55,11 @@ $select-input-bg-disabled: $input-bg-disabled;
z-index: 2;
}
.gf-form-select-box__menu-list {
overflow-y: auto;
max-height: 300px;
}
.tag-filter .gf-form-select-box__menu {
width: 100%;
}