henrybuilt-js-library - npm Package Compare versions

Comparing version 1.8.292 to 1.8.293

package.json

 {
   "name": "henrybuilt-js-library",
-  "version": "1.8.292",
+  "version": "1.8.293",
   "description": "",
@@ -5,0 +5,0 @@ "main": "index.js",

src/components/hb-po-header-3/hb-po-header-3-data.js

@@ -7,3 +7,3 @@ module.exports = [
       {title: 'Our Approach', key: 'kitchen-intro', brand: 'henrybuilt'},
-      {title: 'The Performance Kitchen', key: 'the-performance-kitchen', brand: 'henrybuilt'},
+      {title: 'More than Meets the Eye', key: 'more-than-meets-the-eye', brand: 'henrybuilt'},
       {title: 'Specialized Tools', key: 'specialized-tools', brand: 'henrybuilt'},
@@ -54,4 +54,3 @@ {title: 'Foundational Elements', key: 'foundational-elements', brand: 'henrybuilt'},
         {title: 'Quality of Design', key: 'quality-of-design', brand: 'henrybuilt'},
-        {title: 'Materials and Making', key: 'materials-and-making', brand: 'henrybuilt'},
-        {title: 'Our Approach to Wood', key: 'our-approach-to-wood', brand: 'henrybuilt'}
+        {title: 'Materials and Making', key: 'materials-and-making', brand: 'henrybuilt'}
       ]},
@@ -58,0 +57,0 @@ ]

src/components/hb-po-header-3/hb-po-header-3.js

@@ -115,3 +115,15 @@ var determineDomain = require('../determine-domain/determine-domain');
 
-      $menuCategoryTitle.on('click mouseover', _.debounce(() => setActiveCategory({key})));
+      $menuCategoryTitle.on('click mouseover', _.debounce((event) => {
+        if (event.type === 'mouseover' && $(window).width() > 1050) {
+          setActiveCategory({key});
+        }
+        else if (event.type === 'click') {
+          if (activeCategoryKey === key) {
+            setActiveCategory({key: 'none'});
+          }
+          else {
+            setActiveCategory({key});
+          }
+        }
+      }));
 
@@ -124,3 +136,6 @@ _.forEach(links, link => createMenuLink({$container: $menuLinksContainer, link}));
     $header.on('mouseleave', () => setActiveCategory({key: 'none'}));
-    $brandNameContainer.on('mouseenter', () => setActiveCategory({key: 'none'}));
+    $brandNameContainer.on('mouseenter', () => {
+      if ($(window).width() > 1050) setActiveCategory({key: 'none'});
+    });
+
     $toggleMenuButtonContainer.find('.toggle-menu-button').on('click', () => toggleMenuVisibility());
@@ -171,6 +186,7 @@
           flex-direction: row;
+          margin: 0 5vw;
           justify-content: center;
           align-items: center;
           padding-bottom: 0.25rem;
-          text-wrap: no-wrap;
+          text-wrap: nowrap;
         }
@@ -217,3 +233,4 @@ .hb-po-header-3-bar .menu-categories-container .menu-category {
         }
-        .menu-links-container .menu-link .menu-link-title:hover{
+        .menu-links-container .menu-link .menu-link-title:hover,
+        .menu-categories-container .menu-category .menu-category-title:hover{
           border-color: #CCC;
@@ -227,3 +244,3 @@ transition: border-color 0.1s ease-in-out;
         /* DESKTOP STYLES */
-        @media only screen and (min-width: 801px) {
+        @media only screen and (min-width: 1051px) {
           .hb-po-header-3-bar {
@@ -257,3 +274,3 @@ flex-direction: column;
           .hb-po-header-3-bar .menu-categories-container .menu-category:not(:last-child) {
-            margin-right: 1.75rem;
+            margin-right: 1.25rem;
           }
@@ -288,3 +305,3 @@ .menu-categories-container .menu-category .menu-category-title {
         /* MOBILE STYLES */
-        @media only screen and (max-width: 800px) {
+        @media only screen and (max-width: 1050px) {
           .hb-po-header-3-bar {
@@ -299,2 +316,3 @@ font-size: 0.9rem;
             height: 2.4rem;
+            cursor: pointer;
           }
@@ -301,0 +319,0 @@ .toggle-menu-button-container .toggle-menu-button {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

876956

increased by0.07%

Lines of code

8454

increased by0.19%

No dependency changes