gatsby-core-theme 13.0.2 → 13.0.4

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [13.0.4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v13.0.3...v13.0.4) (2022-10-25)
+
+
+### Bug Fixes
+
+* anchor styling ([c3bb135](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c3bb135407fef23329cc701f09c3f2b03d1a2cdd))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([862c43f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/862c43f6bccc40ffe29d5592f339fdf4887f91c2))
+
+## [13.0.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v13.0.2...v13.0.3) (2022-10-25)
+
+
+### Bug Fixes
+
+* anchor styling ([7f738db](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7f738dbfda124666bd75fd6085503e93038127a2))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/gatsby-themes ([7b3f4c6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7b3f4c648c2800dd4b7168b0da51a90f530a8856))
+
 ## [13.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v13.0.1...v13.0.2) (2022-10-25)
 
 

package/package.json

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

package/src/components/organisms/anchor/anchor.module.scss

@@ -8,6 +8,12 @@
     box-shadow: 0px 8px 12px 0px;
     left: 0;
     right: 0;
+    top: var(--nav-height);
+
+    &.usingExclOperator {
+      top: calc(var(--nav-height) + var(--exc-operator-height));
+    }
+    
     .progressBar{
       height: 5px;
       width: 100px;

package/src/components/organisms/anchor/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable no-unused-expressions */
 /* eslint-disable prefer-destructuring */
 /* eslint-disable react-hooks/exhaustive-deps */
@@ -19,6 +20,7 @@ function Anchor({
   showTitle = true,
   heightOfAnchor = 60,
   offset = 10,
+  exclOperator = false,
 }) {
   const [offsetTop, setOffsetTop] = useState(null);
   const itemsRef = useRef([]);
@@ -120,8 +122,9 @@ function Anchor({
         </div>
       ) : null}
       <div
-        style={{ top: sticky ? `${headerOffset}px` : `0rem` }}
-        className={`${sticky ? styles.stickyContainer : styles.defaultConatiner}`}
+        className={`${sticky ? styles.stickyContainer : styles.defaultConatiner} ${
+          exclOperator ? styles.usingExclOperator : ''
+        }`}
       >
         <ul ref={anchorListRef} className={`${styles.anchor}`}>
           {anchorList?.map((item, index) => (
@@ -147,6 +150,7 @@ function Anchor({
 }
 
 Anchor.propTypes = {
+  exclOperator: PropTypes.bool,
   module: PropTypes.shape({
     items: PropTypes.arrayOf(
       PropTypes.shape({