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

styling on dropdowns

Browse Source
This commit is contained in:
Peter Holmberg 2018-12-11 15:47:30 +01:00
parent c2b1f504a0
commit 6ab93982ae
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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,

2
public/app/core/components/Picker/Unit/UnitPicker.tsx
View File

@ -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}

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

@ -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;
} }