Fix EuiBottomBar in serverless

packages/core/chrome/core-chrome-browser-internal/src/ui/project/navigation.tsx

@@ -20,6 +20,7 @@ export const ProjectNavigation: React.FC = ({ children }) => {
 
   return (
     <EuiCollapsibleNavBeta
+      data-test-subj="projectLayoutSideNav"
       initialIsCollapsed={isCollapsed}
       onCollapseToggle={onCollapseToggle}
       css={isCollapsed ? { display: 'none;' } : {}}

src/core/public/styles/_base.scss

@@ -26,6 +26,10 @@
   margin-left: 320px; // Hard-coded for now -- @cchaos
 }
 
+.euiBody--hasFlyout[style*='padding-left: 248px'] .euiBottomBar {
+  margin-left: 248px; // Hard-coded for serverless sideNav
+}
+
 // Temporary fix for EuiPageHeader with a bottom border but no tabs or padding
 // Will fix in EUI -- @cchaos
 .euiPageHeader--bottomBorder:not(.euiPageHeader--tabsAtBottom):not([class*='euiPageHeader--padding']) {

x-pack/test_serverless/functional/page_objects/svl_common_page.ts

@@ -5,6 +5,7 @@
  * 2.0.
  */
 
+import expect from 'expect';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 export function SvlCommonPageProvider({ getService, getPageObjects }: FtrProviderContext) {
@@ -100,6 +101,12 @@ export function SvlCommonPageProvider({ getService, getPageObjects }: FtrProvide
       await testSubjects.existOrFail('kibanaProjectHeader');
     },
 
+    async assertNavExistsWithFixedSize() {
+      const res = await testSubjects.find('projectLayoutSideNav');
+      // EuiBottomBar expect side nav to be 248px if this change we may have to update src/core/public/styles/_base.scss
+      expect((await res.getSize()).width).toBe(248);
+    },
+
     async clickUserAvatar() {
       testSubjects.click('userMenuAvatar');
     },

x-pack/test_serverless/functional/test_suites/common/home_page/home_page.ts

@@ -24,5 +24,10 @@ export default function ({ getPageObject, getService }: FtrProviderContext) {
       await svlCommonNavigation.navigateToKibanaHome();
       await svlCommonPage.assertProjectHeaderExists();
     });
+
+    it('has nav with fixed size', async () => {
+      await svlCommonNavigation.navigateToKibanaHome();
+      await svlCommonPage.assertNavExistsWithFixedSize();
+    });
   });
 }