diff --git a/public/app/plugins/datasource/influxdb/components/editor/config-v2/ConfigEditor.tsx b/public/app/plugins/datasource/influxdb/components/editor/config-v2/ConfigEditor.tsx index dd191d35846..fd107fb15ad 100644 --- a/public/app/plugins/datasource/influxdb/components/editor/config-v2/ConfigEditor.tsx +++ b/public/app/plugins/datasource/influxdb/components/editor/config-v2/ConfigEditor.tsx @@ -2,7 +2,7 @@ import { css } from '@emotion/css'; import React from 'react'; import { GrafanaTheme2 } from '@grafana/data'; -import { Alert, Box, Stack, TextLink, useStyles2 } from '@grafana/ui'; +import { Alert, Box, Stack, TextLink, Text, useStyles2 } from '@grafana/ui'; import { DatabaseConnectionSection } from './DatabaseConnectionSection'; import { LeftSideBar } from './LeftSideBar'; @@ -22,7 +22,11 @@ export const ConfigEditor: React.FC = ({ onOptionsChange, options }: Prop - + <> = ({ onOptionsChange, options }: Prop to help us make it even better. + + Fields marked with * are required + @@ -54,5 +61,8 @@ const getStyles = (theme: GrafanaTheme2) => { display: 'none', }, }), + alertHeight: css({ + width: '100px', + }), }; }; diff --git a/public/app/plugins/datasource/influxdb/components/editor/config-v2/InfluxFluxDBConnection.tsx b/public/app/plugins/datasource/influxdb/components/editor/config-v2/InfluxFluxDBConnection.tsx index affb5a0e95b..fda130a1d8b 100644 --- a/public/app/plugins/datasource/influxdb/components/editor/config-v2/InfluxFluxDBConnection.tsx +++ b/public/app/plugins/datasource/influxdb/components/editor/config-v2/InfluxFluxDBConnection.tsx @@ -21,7 +21,7 @@ export const InfluxFluxDBConnection = (props: Props) => { return ( <> - + { - + { - + { return ( <> - + { - + { - + { return ( <> - + { - + { return ( + InfluxDB {headers.map((header, index) => ( diff --git a/public/app/plugins/datasource/influxdb/components/editor/config-v2/UrlAndAuthenticationSection.tsx b/public/app/plugins/datasource/influxdb/components/editor/config-v2/UrlAndAuthenticationSection.tsx index be726a65f54..f489be1aa7c 100644 --- a/public/app/plugins/datasource/influxdb/components/editor/config-v2/UrlAndAuthenticationSection.tsx +++ b/public/app/plugins/datasource/influxdb/components/editor/config-v2/UrlAndAuthenticationSection.tsx @@ -80,19 +80,14 @@ export const UrlAndAuthenticationSection = (props: Props) => { > Enter the URL of your InfluxDB instance, then select your product and query language. This will determine the - available settings and authentication methods in the next steps. If you are unsure what product you are using, - view the{' '} - - InfluxDB Docs - - . + available settings and authentication methods in the next steps. - URL} noMargin> + URL *} noMargin required> { - Product} noMargin> + Product *} noMargin required> { - Query language} noMargin> + Query language *} noMargin>