diff --git a/.changeset/mighty-monkeys-switch.md b/.changeset/mighty-monkeys-switch.md new file mode 100644 index 00000000..ebf150d0 --- /dev/null +++ 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 new file mode 100644 index 00000000..79c2fb81 --- /dev/null +++ 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 index 8aa0d653..5d368143 100644 --- 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 index dbce5f99..d8c09495 100644 --- a/packages/site-components/src/VerticalNavigation.tsx +++ b/packages/site-components/src/VerticalNavigation.tsx @@ -117,7 +117,7 @@ export const VerticalNavigation: React.FC = ({ 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 index 950728fb..45520bb2 100644 --- a/packages/store/src/store.ts +++ b/packages/store/src/store.ts @@ -53,6 +53,7 @@ function getDefaultInitialState(): DefaultSiteState { } const StoreContext = createContext(undefined); +StoreContext.displayName = 'StoreContext'; const StoreProvider = StoreContext.Provider; const storeMiddlewares = stateCreatorFn =>