gatsby-matrix-theme 2.0.5 → 2.1.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# [2.1.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v2.0.5...v2.1.0) (2021-10-20)
+
+
+### Bug Fixes
+
+* another style issue ([d76bcb7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d76bcb7045a5c37c481d70b29993db973ec5d88c))
+* faq all tags style ([45bff16](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/45bff16e3f00c2f018b4205f43af8e7a19fba3f6))
+* max height faq ([e3da648](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e3da648f9d46e8039fbf73387a8b54309294f557))
+* style issue ([704a93a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/704a93aa9e99d70316072d931f2ae50a34bd7df9))
+* styling issues overriden on pcsa ([76806dd](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/76806dde2ed65d6a2d1915943999e143f26a4906))
+
+
+### Code Refactoring
+
+* correction to search keyword ([f8d1ddf](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f8d1ddf1307547cbfcfcab570f66cac102354bac))
+
+
+* Merge branch 'tm-2509-faq-tags-style' into 'master' ([c87422c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c87422ca5ca9d0fc1cce60b945e5cb0267b27814))
+* Merge branch 'tm-2469-popup-fix' into 'master' ([7afd323](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7afd3234f28854feb49e38d6237660003eacbeb4))
+* Merge branch 'tm-2478-search' into 'master' ([1f78305](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1f783057eb15ffdc8e0c33e50ef3e64182133d5b))
+
+
+### Features
+
+* search keyword ([741aefd](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/741aefd8921f145815476f3474ab80b043e3e55e))
+
 ## [2.0.5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v2.0.4...v2.0.5) (2021-10-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

package/src/components/atoms/cards/popup-card/index.js

@@ -19,7 +19,7 @@ const PopupCard = ({ item, translations }) => {
     <div className={styles.popupCard}>
       <div className={styles.wrapper}>
         <div className={styles.imgContainer}>
-          <img src={imagePrettyUrl(logoUrl)} alt={oneLiner} />
+          <img width={98} height={98} src={imagePrettyUrl(logoUrl)} alt={oneLiner} />
         </div>
         <div className={styles.textContainer}>
           <p className={styles.primaryText}>{one}</p>

package/src/components/atoms/cards/popup-card/popup-card.module.scss

@@ -20,11 +20,11 @@
     }
 
     .imgContainer {
-      min-width: 8rem;
+      width: 8rem;
       height: 8rem;
 
       @include min(tablet) {
-        min-width: 9.8rem;
+        width: 9.8rem;
         height: 9.8rem;
       }
 
@@ -80,13 +80,9 @@
     }
 
     a {
-      background-color: var(--secondary-color) !important;
       border-radius: 4px;
-      box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.3);
-
-      &:hover {
-        background: var(--secondary-color) !important;
-      }
+      font-weight: 700;
+      font-size: 1.8rem;
     }
   }
 }

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

@@ -26,6 +26,17 @@
                     @include flex-align (center, center);
                     margin-right: 0.5rem;
                 }
+                > div{
+                    margin: 0;
+                    margin-right: 2rem;
+                    font-weight: 700;
+                    font-size: 1.8rem;
+                    p, h2, h3, h4 {
+                        margin: 0;
+                        font-weight: 700;
+                        font-size: 1.8rem;
+                    }
+                }                
             }
             &:hover,
             &:focus {
@@ -44,21 +55,14 @@
                 &:after {
                     transform: translateY(-50%) rotate(-135deg);
                 }
-            }
-            p {
-                margin-right: 2rem;
-            }
+            }     
         }
 
         .content {
-            @include collapse(0.5s, 20rem);
+            @include collapse(0.5s, 500rem);
             font-size: 1.6rem;
             color: var(--color-20);
             padding: 0;
-
-            p {
-                padding: 1rem 0;
-            }
         }
     }
-}
+}

package/src/gatsby-core-theme/components/molecules/search/index.js

@@ -46,6 +46,7 @@ const Search = ({
   const [sortQuery, setSortQuery] = useState({});
   const [searchQuery, setSearchQuery] = useState(searchQueryInit);
   const [searchBoxQuery, setSearchBoxQuery] = useState('');
+  const noResultsText = noResults.replace('[keyword]', searchQuery);
 
   const loadingRef = useRef(React.createRef());
   const searchInputRef = useRef(React.createRef());
@@ -299,7 +300,7 @@ const Search = ({
           </form>
           {searchResultsRef.current.length === 0 && formSearchOptionsCopy === null ? (
             <div>
-              <span className={styles.noResults}>{noResults}</span>
+              <span className={styles.noResults}>{noResultsText}</span>
             </div>
           ) : null}
           {searchResultsRef.current.length !== 0 && (

package/storybook/public/iframe.html

@@ -135,4 +135,4 @@
             
         
             
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.d64660ee.iframe.bundle.js"></script><script src="vendors~main.aac219e4.iframe.bundle.js"></script><script src="main.e82d53bf.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.d64660ee.iframe.bundle.js"></script><script src="vendors~main.aac219e4.iframe.bundle.js"></script><script src="main.38a6239c.iframe.bundle.js"></script></body></html>