gatsby-core-theme 23.0.0 → 23.0.2

package/.storybook/preview.js

@@ -1,6 +1,5 @@
 import '../gatsby-browser';
 import React from 'react';
-import styles from './storybook-styles.module.scss';
 
 global.___loader = {
   enqueue: () => {},
@@ -28,7 +27,7 @@ export const parameters = {
 // Global decorators for stories
 export const decorators = [
   (Story) => (
-    <div className={styles.storyMainContainer}>
+    <div>
       <Story />
     </div>
   ),

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [23.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v23.0.1...v23.0.2) (2023-06-23)
+
+
+### Bug Fixes
+
+* fix for ltr sites ([cce6e0d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cce6e0dc0d96250f1cf7f79e1a80d38250d7a8e2))
+
+
+* Merge branch 'tm-3475-main-menu' into 'master' ([93f61fb](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/93f61fb0644bf8c7ace8e0cf0ed455f8e623207b))
+
+## [23.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v23.0.0...v23.0.1) (2023-06-23)
+
+
+### Bug Fixes
+
+* storybook styling ([96b0148](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/96b01489b2da7663fb5afba205e79f71bf0cdff2))
+
 # [23.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v22.0.15...v23.0.0) (2023-06-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "23.0.0",
+  "version": "23.0.2",
   "description": "Gatsby Theme NPM Package",
   "main": "index.js",
   "GATSBY_RECAPTCHA_SITEKEY": "6LfoyvMUAAAAAO4nl_MQnqHb4XdHxEiu5cXgIqeB",

package/src/components/atoms/menu/items/index.js

@@ -41,19 +41,15 @@ const Items = ({
 
   const onClick = (e) => {
     const { target } = e;
-    const { width } = target.getBoundingClientRect();
 
-    // check if clicked within the arrow area which has a padding of 4.8rem on the li tag
-    if (e.nativeEvent.layerX > width - dropdownButtonWidth) {
-      // check if multiple submenus can be opened at same time, if not close them
-      if (!canOpenAllSubMenus) {
-        closeOtherMenus(target);
-      }
-
-      // toggle the clicked menu item
-      target.classList.toggle(styles.showSubMenu);
-      target.getElementsByTagName('UL')[0]?.classList.toggle(styles.show);
+    // check if multiple submenus can be opened at same time, if not close them
+    if (!canOpenAllSubMenus) {
+      closeOtherMenus(target);
     }
+
+    // toggle the clicked menu item
+    target.classList.toggle(styles.showSubMenu);
+    target.getElementsByTagName('UL')[0]?.classList.toggle(styles.show);
   };
 
   if (item.children) {

package/src/components/molecules/sticky/sticky.module.scss

@@ -6,6 +6,7 @@
 
   &.top {
     top: 0;
+    left: 0;
     bottom: auto;
   }
 

package/src/components/organisms/navigation/navigation.stories.js

@@ -10,7 +10,7 @@ import {
 
 import MainProvider from '~context/MainProvider';
 import Navigation from '.';
-import styles from '../../../../.storybook/storybook-styles/navigation.module.scss';
+// import styles from '../../../../.storybook/storybook-styles/navigation.module.scss';
 import mlogo from '../../../../static/images/logo.svg';
 import getNavigation from '~tests/factories/sections/navigationStatic.factory';
 
@@ -199,49 +199,48 @@ export default {
 };
 
 const Template = (args) => (
-  <div className={styles.navStoryContainer}>
-    <MainProvider value={{}}>
-      <Navigation {...args} />
-      <main>
-        <div className={styles.dummyContent}>
-          <h2>
-            Dummy content added for testing purposes. Toggle the controls <pre>Sticky</pre> (both
-            desktop and mobile) and <pre>stopScrollOnOpen</pre> and <pre>mobileAnimation</pre> (for
-            mobile) and then scroll this page to see the difference.
-            <br />
-            May have to refresh storybook to see this
-          </h2>
-        </div>
-        <div className={styles.dummyContent}>
-          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
-          been the industrys standard dummy text ever since the 1500s, when an unknown printer took
-          a galley of type and scrambled it to make a type specimen book. It has survived not only
-          five centuries, but also the leap into electronic typesetting, remaining essentially
-          unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
-          Lorem Ipsum passages, and more recently with desktop publishing software like Aldus
-          PageMaker including versions of Lorem Ipsum.
-        </div>
-        <div className={styles.dummyContent}>
-          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
-          been the industrys standard dummy text ever since the 1500s, when an unknown printer took
-          a galley of type and scrambled it to make a type specimen book. It has survived not only
-          five centuries, but also the leap into electronic typesetting, remaining essentially
-          unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
-          Lorem Ipsum passages, and more recently with desktop publishing software like Aldus
-          PageMaker including versions of Lorem Ipsum.
-        </div>
-        <div className={styles.dummyContent}>
-          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
-          been the industrys standard dummy text ever since the 1500s, when an unknown printer took
-          a galley of type and scrambled it to make a type specimen book. It has survived not only
-          five centuries, but also the leap into electronic typesetting, remaining essentially
-          unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
-          Lorem Ipsum passages, and more recently with desktop publishing software like Aldus
-          PageMaker including versions of Lorem Ipsum.
-        </div>
-      </main>
-    </MainProvider>
-  </div>
+  <MainProvider value={{}}>
+    <Navigation {...args} />
+
+    <main>
+      <div>
+        <h2>
+          Dummy content added for testing purposes. Toggle the controls <pre>Sticky</pre> (both
+          desktop and mobile) and <pre>stopScrollOnOpen</pre> and <pre>mobileAnimation</pre> (for
+          mobile) and then scroll this page to see the difference.
+          <br />
+          May have to refresh storybook to see this
+        </h2>
+      </div>
+      <div>
+        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
+        been the industrys standard dummy text ever since the 1500s, when an unknown printer took a
+        galley of type and scrambled it to make a type specimen book. It has survived not only five
+        centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
+        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
+        passages, and more recently with desktop publishing software like Aldus PageMaker including
+        versions of Lorem Ipsum.
+      </div>
+      <div>
+        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
+        been the industrys standard dummy text ever since the 1500s, when an unknown printer took a
+        galley of type and scrambled it to make a type specimen book. It has survived not only five
+        centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
+        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
+        passages, and more recently with desktop publishing software like Aldus PageMaker including
+        versions of Lorem Ipsum.
+      </div>
+      <div>
+        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
+        been the industrys standard dummy text ever since the 1500s, when an unknown printer took a
+        galley of type and scrambled it to make a type specimen book. It has survived not only five
+        centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
+        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
+        passages, and more recently with desktop publishing software like Aldus PageMaker including
+        versions of Lorem Ipsum.
+      </div>
+    </main>
+  </MainProvider>
 );
 export const Default = Template.bind({});
 Default.args = {};

package/.storybook/storybook-styles/global.module.scss

@@ -1,4 +0,0 @@
-.storyMainContainer {
-    margin: 1.5rem auto 0;
-    max-width: 96rem;
-}

package/.storybook/storybook-styles/navigation.module.scss

@@ -1,36 +0,0 @@
-.navStoryContainer {
-  position: relative;
-  width: 100%;
-  height: calc(100vh - 5rem);
-
-  // added so that nav is visible on storybook without stretched beyond the viewport due to position:fixed 
-  > div {
-    max-width: 96rem;
-    width: calc(100vw - 20px);
-  }
-
-  nav {
-    padding: 0 10px;
-  }
-
-  // dummy content styles
-  main {
-    padding-top: var(--nav-height);
-    background-color: var(--color-4);
-
-    pre {
-      display: inline;
-    }
-
-    .dummyContent {
-      letter-spacing: 0.2rem;
-      margin: 5rem auto;
-      width: 80vw;
-
-      @include min(laptop) {
-      margin: 10rem auto;
-        width: 60vw;
-      }
-    }
-  }
-}

package/.storybook/storybook-styles.module.scss

@@ -1,5 +0,0 @@
-// Storybook styles extended in each theme
-
-// Storybook Styles
-@import './storybook-styles/global.module.scss';
-@import './storybook-styles/navigation.module.scss';