style: Update sidecar style to align with new page header (#9269)

* style: update sidecar style to align with new page header Signed-off-by: tygao <[email protected]> * Changeset file for PR #9269 created/updated --------- Signed-off-by: tygao <[email protected]> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
opensearch-project · Jan 24, 2025 · 2f61e47 · 2f61e47
1 parent 0be70a7
commit 2f61e47
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 14 deletions.
diff --git a/changelogs/fragments/9269.yml b/changelogs/fragments/9269.yml
@@ -0,0 +1,2 @@
+fix:
+- Update sidecar style to align with new page header ([#9269](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/9269))
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
@@ -553,8 +553,8 @@ export function Header({
   );
 
   const renderPageHeader = () => (
-    <div>
-      <EuiHeader className="primaryHeader newTopNavHeader" style={sidecarPaddingStyle}>
+    <div style={sidecarPaddingStyle}>
+      <EuiHeader className="primaryHeader newTopNavHeader">
         {renderNavToggle()}
 
         <EuiHeaderSection grow={false}>{renderRecentItems()}</EuiHeaderSection>

diff --git a/src/core/public/overlays/sidecar/components/sidecar.scss b/src/core/public/overlays/sidecar/components/sidecar.scss
@@ -29,7 +29,8 @@
   }
 
   &.osdSidecarFlyout--dockedTakeover {
-    width: 100vw !important;
+    left: 0;
+    right: 0;
     bottom: 0;
     flex-direction: column;
     padding-top: 8px;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		fix:
		- Update sidecar style to align with new page header ([#9269](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/9269))