@worksafevictoria/wcl7.5 1.1.0-beta.52 → 1.1.0-beta.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.1.0-beta.52",
+  "version": "1.1.0-beta.54",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {

package/src/components/Common/CardGrid/index.vue

@@ -31,7 +31,7 @@
       >
         <column
           v-for="(item, index) in cards"
-          :key="`${redrawCounter}-${index}-${_uid}`"
+          :key="`${redrawCounter}-${index}-${$options._uid}`"
           ref="cardColumns"
           :lg="largeViewPort"
           :md="mediumViewPort"
@@ -188,7 +188,7 @@ export default {
       return 6
     },
     uniqueClass() {
-      return 'cardGrid' + this._uid
+      return `cardGrid-${this.$options._uid}`
     }
   },
   watch: {

package/src/components/Containers/Carousel/index.vue

@@ -12,13 +12,12 @@
       <b-carousel-slide
         v-for="item in filteredCarouselItems"
         :key="item.id"
-        :text="item.content"
+        
         :img-src="item.image"
         @click.prevent="handleClick(item.link)"
       >
+      <h4>{{ item.content}}</h4>
       </b-carousel-slide>
-    
-     
     </b-carousel>
   </div>
 </template>
@@ -103,30 +102,49 @@ export default {
 <style>
 .carousel {
   position: relative;
+  padding-bottom: 7rem;
+}
+
+.carousel-inner {
+  overflow: visible;
+}
+
+.carousel-indicators {
+  padding-bottom: 3rem;
+  float: right;
+  right: 2% !important;
+  width: 20%;
+  justify-content: end;
+  margin-left: 80%;
+  margin-right: 0;
 }
 
 .carousel-indicators button {
   width: 10px !important;
   height: 10px !important;
   border-radius: 50% !important;
+  background-color: black !important;
 }
 
 .carousel-indicators button:focus,
 .carousel-indicators button:active {
   outline: none !important;
   box-shadow: none;
-  /* background-color: black; */
-}
 
-.active {
-  background-color: black !important;
 }
 
 .carousel-caption {
-  padding:10px;
-  font-size:larger;
   color: black;
-  background-color: rgba(211, 211, 211, 0.75);
+  top: 100%;
+  left: 0;
+  right: 20%;
+  text-align: left;
+  text-decoration: underline;
+}
+
+.carousel-control-next,
+.carousel-control-prev {
+  bottom: 7rem;
 }
 
 .carousel-control-prev:focus,

package/src/components/Containers/HomepageHeaderNew/index.vue

@@ -138,11 +138,6 @@ even though the component itself is no longer imported. -->
   }
 
   :deep(.wcl-cta) {
-    @include mq('mm') {
-      &:first-of-type {
-        margin-top: 32px;
-      }
-    }
 
     margin-left: 0 !important;
 

package/src/mock/carousel-items.js

@@ -45,12 +45,12 @@ export const mockCarouselItems = [
         favorite: ''
       },
       {
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in magna tincidunt',
+        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur ligula ex',
         image:
           'https://picsum.photos/1024/480/?image=62',
         link: '/construction',
         dateStart: '2024-10-30T09:45:00+11:00',
-        dateEnd: '2024-11-12T09:45:00+11:00',
+        dateEnd: '2025-11-12T09:45:00+11:00',
         favorite: ''
       },
   ]