IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-16 18:34:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

AdHocFilter: Adds min width to segment input (#39225)

Browse Source 
Closes #38937
This commit is contained in:
kay delaney 2021-09-16 09:37:43 +01:00 committed by GitHub
parent fc632276f1
commit 35f1d0facb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/app/features/variables/adhoc/picker/AdHocFilterKey.tsx
View File

@ -9,6 +9,7 @@ interface Props {
onChange: (item: SelectableValue<string | null>) => void; onChange: (item: SelectableValue<string | null>) => void;
} }
const MIN_WIDTH = 90;
export const AdHocFilterKey: FC<Props> = ({ datasource, onChange, filterKey }) => { export const AdHocFilterKey: FC<Props> = ({ datasource, onChange, filterKey }) => {
const loadKeys = () => fetchFilterKeys(datasource); const loadKeys = () => fetchFilterKeys(datasource);
const loadKeysWithRemove = () => fetchFilterKeysWithRemove(datasource); const loadKeysWithRemove = () => fetchFilterKeysWithRemove(datasource);
@ -22,6 +23,7 @@ export const AdHocFilterKey: FC<Props> = ({ datasource, onChange, filterKey }) =
value={filterKey} value={filterKey}
onChange={onChange} onChange={onChange}
loadOptions={loadKeys} loadOptions={loadKeys}
inputMinWidth={MIN_WIDTH}
/> />
</div> </div>
); );
@ -34,6 +36,7 @@ export const AdHocFilterKey: FC<Props> = ({ datasource, onChange, filterKey }) =
value={filterKey} value={filterKey}
onChange={onChange} onChange={onChange}
loadOptions={loadKeysWithRemove} loadOptions={loadKeysWithRemove}
inputMinWidth={MIN_WIDTH}
/> />
</div> </div>
); );