diff --git a/public/app/features/auth-config/AuthConfigPage.tsx b/public/app/features/auth-config/AuthConfigPage.tsx index 792074cc3cc..2628ef2c599 100644 --- a/public/app/features/auth-config/AuthConfigPage.tsx +++ b/public/app/features/auth-config/AuthConfigPage.tsx @@ -50,8 +50,22 @@ export const AuthConfigPageUnconnected = ({ providerStatuses, isLoading, loadSet ); const firstAvailableProvider = availableProviders?.length ? availableProviders[0] : null; + { + /* TODO: make generic for the provider of the configuration or make the documentation point to a collection of all our providers */ + } + const docsLink = ( + + documentation. + + ); + const subTitle = Manage your auth settings and configure single sign-on. Find out more in our {docsLink}; return ( - +

Configured authentication

{!!enabledProviders?.length && ( @@ -118,6 +132,15 @@ const getStyles = (theme: GrafanaTheme2) => { settingName: css` padding-left: 25px; `, + doclink: css` + padding-bottom: 5px; + padding-top: -5px; + font-size: ${theme.typography.bodySmall.fontSize}; + a { + color: ${theme.colors.info.name}; // use theme link color or any other color + text-decoration: underline; // underline or none, as you prefer + } + `, settingValue: css` white-space: break-spaces; `, diff --git a/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx b/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx index a696c82af20..cc9b9f37fa5 100644 --- a/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx +++ b/public/app/features/serviceaccounts/ServiceAccountsListPage.tsx @@ -154,12 +154,13 @@ export const ServiceAccountsListPageUnconnected = ({ target="_blank" rel="noopener noreferrer" > - here. + documentation. ); const subTitle = ( - Service accounts and their tokens can be used to authenticate against the Grafana API. Find out more {docsLink} + Service accounts and their tokens can be used to authenticate against the Grafana API. Find out more in our{' '} + {docsLink} );