Fix Kibana nav CSS overrides leaking into other plugins (#107973)

- Because we were previously not scoping our Kibana CSS overrides, loading the Enterprise Search plugin and then another plugin would cause that CSS to leak
This commit is contained in:
Constance 2021-08-09 16:04:09 -07:00 committed by GitHub
parent a3119a5541
commit b4dfe9aeb1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 9 deletions

View file

@ -6,15 +6,18 @@
*/
@include euiBreakpoint('m', 'l', 'xl') {
.kbnPageTemplateSolutionNav {
display: flex;
flex-direction: column;
}
.euiSideNav__content {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
.betaSidebarNotification {
.euiSideNav {
display: flex;
flex-direction: column;
.euiSideNav__content {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
}
}

View file

@ -79,6 +79,7 @@ export const EnterpriseSearchPageTemplate: React.FC<PageTemplateProps> = ({
}}
isEmptyState={isEmptyState && !isLoading}
solutionNav={solutionNav ? { icon: 'logoEnterpriseSearch', ...solutionNav } : undefined}
pageSideBarProps={{ className: 'betaSidebarNotification' }}
>
{setPageChrome}
{readOnlyMode && (