Merge pull request #13859 from newrelic/sunny/fix-nav-quirky

fix nav collapser quirk
newrelic · Jul 17, 2023 · db0d374 · db0d374
2 parents dfdf651 + 9fcc381
commit db0d374
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 472 deletions.
diff --git a/src/@newrelic/gatsby-theme-newrelic/icons/newrelic/nav-collapse.js b/src/@newrelic/gatsby-theme-newrelic/icons/newrelic/nav-collapse.js
@@ -29,7 +29,7 @@ const NavCollapseIcon = (props) => {
   const [rectSpring] = useSpring(
     () => ({
       delay: 280,
-      from: { x: '0' },
+      from: { x: '0px' },
       to: { x: '14px' },
       reverse: sidebar,
       config: RECT_SPRING,

diff --git a/src/components/MainLayoutContext.js b/src/components/MainLayoutContext.js
@@ -1,4 +1,13 @@
 import { createContext, useContext } from 'react';
 
 export const MainLayoutContext = createContext();
+/**
+ * exposes whether the site's left nav sidebar is currently open
+ *
+ * @example
+ *
+ * ```js
+ * const [sidebar] = useMainLayoutContext(); // true | false
+ * ```
+ */
 export const useMainLayoutContext = () => useContext(MainLayoutContext);