Fix Kibana nav CSS overrides leaking into other plugins (elastic#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
kibanamachine · Aug 11, 2021 · a07a1ec · a07a1ec
1 parent 9f2f00e
commit a07a1ec
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.scss b/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.scss
@@ -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;
+      }
+    }
   }
 }
 

diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/layout/page_template.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/layout/page_template.tsx
@@ -79,6 +79,7 @@ export const EnterpriseSearchPageTemplate: React.FC<PageTemplateProps> = ({
       }}
       isEmptyState={isEmptyState && !isLoading}
       solutionNav={solutionNav ? { icon: 'logoEnterpriseSearch', ...solutionNav } : undefined}
+      pageSideBarProps={{ className: 'betaSidebarNotification' }}
     >
       {setPageChrome}
       {readOnlyMode && (