Relax navigation width condition (#663)

jpmorganchase · Sep 23, 2024 · 9124a6c · 9124a6c
1 parent 89245d8
commit 9124a6c
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/mighty-monkeys-switch.md b/.changeset/mighty-monkeys-switch.md
@@ -0,0 +1,5 @@
+---
+'@jpmorganchase/mosaic-site-components': patch
+---
+
+Relax navigation width condition for different responsive usage
diff --git a/.changeset/perfect-cougars-grab.md b/.changeset/perfect-cougars-grab.md
@@ -0,0 +1,5 @@
+---
+'@jpmorganchase/mosaic-store': patch
+---
+
+Add displayName for `StoreContext`
diff --git a/packages/site-components/src/Sidebar/styles.css.ts b/packages/site-components/src/Sidebar/styles.css.ts
@@ -6,7 +6,7 @@ export default {
     {
       zIndex: 3,
       flexGrow: 0,
-      width: '300px'
+      minWidth: '300px'
     },
     sidebar.container
   ]),

diff --git a/packages/site-components/src/VerticalNavigation.tsx b/packages/site-components/src/VerticalNavigation.tsx
@@ -117,7 +117,7 @@ export const VerticalNavigation: React.FC<VerticalNavigationProps> = ({
         data-testid="vertical-navigation"
         as="ul"
         gap="var(--salt-size-border)"
-        style={{ width: 250, listStyle: 'none', paddingLeft: 0 }}
+        style={{ minWidth: 250, listStyle: 'none', paddingLeft: 0 }}
       >
         {menu.map(item =>
           renderNavigationItem(

diff --git a/packages/store/src/store.ts b/packages/store/src/store.ts
@@ -53,6 +53,7 @@ function getDefaultInitialState(): DefaultSiteState {
 }
 
 const StoreContext = createContext<typeof store | undefined>(undefined);
+StoreContext.displayName = 'StoreContext';
 const StoreProvider = StoreContext.Provider;
 
 const storeMiddlewares = stateCreatorFn =>