diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
index 3fc22caaefb04..adfa7f5ed1674 100644
--- a/src/core/public/chrome/chrome_service.tsx
+++ b/src/core/public/chrome/chrome_service.tsx
@@ -18,11 +18,13 @@
*/
import { Breadcrumb as EuiBreadcrumb, IconType } from '@elastic/eui';
-import { i18n } from '@kbn/i18n';
import React from 'react';
+import { FormattedMessage } from '@kbn/i18n/react';
import { BehaviorSubject, combineLatest, merge, Observable, of, ReplaySubject } from 'rxjs';
import { flatMap, map, takeUntil } from 'rxjs/operators';
import { parse } from 'url';
+import { EuiLink } from '@elastic/eui';
+import { mountReactNode } from '../utils/mount';
import { InternalApplicationStart } from '../application';
import { DocLinksStart } from '../doc_links';
import { HttpStart } from '../http';
@@ -165,12 +167,41 @@ export class ChromeService {
// Can delete
const getNavType$ = uiSettings.get$('pageNavigation').pipe(takeUntil(this.stop$));
+ const isIE = () => {
+ const ua = window.navigator.userAgent;
+ const msie = ua.indexOf('MSIE '); // IE 10 or older
+ const trident = ua.indexOf('Trident/'); // IE 11
+
+ return msie > 0 || trident > 0;
+ };
+
if (!this.params.browserSupportsCsp && injectedMetadata.getCspConfig().warnLegacyBrowsers) {
- notifications.toasts.addWarning(
- i18n.translate('core.chrome.legacyBrowserWarning', {
- defaultMessage: 'Your browser does not meet the security requirements for Kibana.',
- })
- );
+ notifications.toasts.addWarning({
+ title: mountReactNode(
+
+ ),
+ });
+
+ if (isIE()) {
+ notifications.toasts.addWarning({
+ title: mountReactNode(
+
+ the support matrix on our website
+
+ ),
+ }}
+ />
+ ),
+ });
+ }
}
return {