@worksafevictoria/wcl7.5 1.17.0-beta.7 → 1.17.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worksafevictoria/wcl7.5",
3
- "version": "1.17.0-beta.7",
3
+ "version": "1.17.0-beta.9",
4
4
  "description": "WorkSafe Victoria Component Library - GitHub Actions Migration Test",
5
5
  "main": "src/index.js",
6
6
  "license": "MIT",
@@ -351,6 +351,7 @@ import CtaButton from '../../SubComponents/CtaButton/index.vue'
351
351
  import chevronIcon from '../../../assets/icons/caret-right.svg?url'
352
352
  import { ref } from "vue";
353
353
 
354
+
354
355
  export default {
355
356
  setup() {
356
357
  const show = ref(false);
@@ -613,7 +614,7 @@ export default {
613
614
  },
614
615
 
615
616
  showMobileMenu() {
616
- // Reset screen to top to fix whitespace issues
617
+ // Reset screen to top to fix whitespace issues
617
618
  if (window) {
618
619
  window.scrollTo(0, 0)
619
620
  }
@@ -776,7 +777,14 @@ export default {
776
777
  .getElementsByTagName('a')[0]
777
778
  .setAttribute('aria-expanded', 'false')
778
779
  this.isSecondLevelOpen = false
780
+ // fix introduced to re-open mobile menu after going back from 2nd level, ie "Main Menu" action
781
+ this.closeMegaMenu()
782
+ this.$nextTick(() => {
783
+ this.showMobileMenu()
784
+ })
785
+
779
786
  }
787
+
780
788
  },
781
789
  searchFocus(index, length, event) {
782
790
  if (index === length - 1 && this.isMobileMenuOpen && !event.shiftKey) {
@@ -1,5 +1,7 @@
1
1
  @import './includes.scss';
2
2
 
3
+ // $app-menu-white is used for mobile menu text colour instead of $app-header-text-colour
4
+
3
5
  .app-header {
4
6
  &.isMobile {
5
7
  padding: 0;
@@ -186,7 +188,7 @@
186
188
  margin-left: 10px;
187
189
 
188
190
  span {
189
- color: $app-header-active;
191
+ color: $app-menu-white;
190
192
  font-size: 18px !important;
191
193
  }
192
194
 
@@ -248,7 +250,7 @@
248
250
  border-bottom: none;
249
251
 
250
252
  span {
251
- color: $app-header-active;
253
+ color: $app-menu-white;
252
254
 
253
255
  &:hover,
254
256
  &:focus {