@worksafevictoria/wcl7.5 1.4.0 → 1.6.0

package/src/components/Global/AppHeaderNew/styles.scss

@@ -10,6 +10,8 @@
 
   &__wrap {
     position: relative;
+    white-space: nowrap;
+    overflow-y: scroll;
     background: $app-header-background-colour;
     border-radius: 3px;
     height: 70px;
@@ -29,9 +31,10 @@
     border: $app-header-active;
 
     > a > span {
+      // border-bottom: 3px solid $app-header-active;
       background-color: $app-header-active;
     }
-  }
+    }
   .isActiveChild {
     > a {
       background: $app-header-active;
@@ -46,7 +49,6 @@
 
   // First Level Overrides
   &__close {
-    
     &-button {
       display: flex;
       vertical-align: middle;
@@ -189,15 +191,15 @@
   }
 
   &__nav-menu {
-      
+
     .nav-item {
       .sub-nav-container {
         display: none;
         position: fixed;
         background: $app-menu-black;
-        top: 180px;
-        left: 25px;
-        right: 25px;
+        top: 165px;
+        left: 10px;
+        right: 10px;
         bottom: 10px;
         border-radius: 3px;
 
@@ -206,6 +208,18 @@
           position: relative;
         }
 
+        &__innermore {
+          overflow-x: auto;
+          height: max-content;
+          left: 10px;
+          right: 10px;
+          top: 165px;
+          position: fixed;
+          padding-top: 15px !important;
+          background-color: $app-menu-black !important;
+          border-radius: 3px;
+        }
+
         &__wrap {
           position: relative;
           margin: 0 auto;
@@ -289,14 +303,13 @@
           }
           > .sub-nav-group {
             li.isActiveChild {
+              
               .sub-nav {
                 display: block;
-                
 
                 .selected-title {
                   text-align: left;
                   top: 12px;
-                  
 
                   a {
                     padding: 5px 5px 15px 5px;
@@ -342,6 +355,7 @@
 
   .styled-scrollbar {
     overflow-y: scroll;
+    white-space: normal !important;
     //firefox
     scrollbar-color: $app-header-active $app-menu-black;
     scrollbar-width: thin;
@@ -365,6 +379,13 @@
     left: -9999px !important;
   }
 }
+
+.more-menu {
+  height: 56px;
+  vertical-align: middle;
+  padding: 0px 10px !important;
+}
+
 .skip-link {
   @include visually-hidden;
   color: $app-menu-black;

package/src/components/Global/BackToTop/index.vue

@@ -12,23 +12,23 @@
 <script>
 import Icon from '../../SubComponents/Icon/index.vue'
 import ChevUp from '../../../assets/icons/chev-up.svg?raw'
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash-es'
 
 export default {
   name: 'BackToTop',
   components: {
-    Icon
+    Icon,
   },
   props: {
     storybook: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
       ChevUp,
-      showBackToTop: false
+      showBackToTop: false,
     }
   },
   computed: {
@@ -38,7 +38,7 @@ export default {
       } else {
         return this.showBackToTop
       }
-    }
+    },
   },
   mounted() {
     this.handleDebouncedScroll = debounce(this.showHideBtbBtn, 100)
@@ -57,8 +57,8 @@ export default {
     },
     showHideBtbBtn() {
       this.showBackToTop = window.scrollY > window.innerHeight / 2
-    }
-  }
+    },
+  },
 }
 </script>
 

package/src/components/Global/ContrastMode/index.vue

@@ -199,7 +199,7 @@ export default {
     margin: 0;
     padding: 0;
     top: 0;
-    left: -26%;
+    left: -19%;
     transition: all 0.4s ease-in-out;
     /////
     outline-offset: 2px;

package/src/components/Global/Cookies/index.stories.js

@@ -4,31 +4,37 @@ const defaultValue = {
   header: 'field_cookie_heading',
   content: {
     default: 'field_cookie_content',
-    small: 'field_cookie_content_small'
+    small: 'field_cookie_content_small',
   },
   modal: {
     heading: 'field_modal_heading',
     functional: {
       heading: 'field_functional_heading',
-      description: 'field_functional_description'
+      description: 'field_functional_description',
     },
     analytics: {
       heading: 'field_analytics_heading',
-      description: 'field_analytics_description'
+      description: 'field_analytics_description',
     },
     marketing: {
       heading: 'field_marketing_heading',
-      description: 'field_marketing_description'
-    }
-  }
+      description: 'field_marketing_description',
+    },
+  },
 }
 export default {
   title: 'Global/Cookies',
   component: Cookies,
   args: {
     cookieHeader: 'Accept and Reject Cookies',
-    cookieContent: defaultValue
-    }
-  }
+    cookieContent: defaultValue,
+  },
+}
 
-export const Default = {}
+export const Default = {
+  loaders: [
+    () => {
+      window.localStorage.removeItem('cookieBannerDisplayed')
+    },
+  ],
+}