@worksafevictoria/wcl7.5 1.1.0-beta.51 → 1.1.0-beta.53

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.1.0-beta.51",
3
+ "version": "1.1.0-beta.53",
4
4
  "main": "src/index.js",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -31,7 +31,7 @@
31
31
  >
32
32
  <column
33
33
  v-for="(item, index) in cards"
34
- :key="`${redrawCounter}-${index}-${_uid}`"
34
+ :key="`${redrawCounter}-${index}-${$options._uid}`"
35
35
  ref="cardColumns"
36
36
  :lg="largeViewPort"
37
37
  :md="mediumViewPort"
@@ -188,7 +188,7 @@ export default {
188
188
  return 6
189
189
  },
190
190
  uniqueClass() {
191
- return 'cardGrid' + this._uid
191
+ return `cardGrid-${this.$options._uid}`
192
192
  }
193
193
  },
194
194
  watch: {
@@ -103,30 +103,48 @@ export default {
103
103
  <style>
104
104
  .carousel {
105
105
  position: relative;
106
+ padding-bottom: 7rem;
107
+ }
108
+
109
+ .carousel-inner {
110
+ overflow: visible;
111
+ }
112
+
113
+ .carousel-indicators {
114
+ padding-bottom: 3rem;
115
+ float: right;
116
+ right: 2% !important;
117
+ width: 20%;
118
+ justify-content: end;
119
+ margin-left: 80%;
120
+ margin-right: 0;
106
121
  }
107
122
 
108
123
  .carousel-indicators button {
109
124
  width: 10px !important;
110
125
  height: 10px !important;
111
126
  border-radius: 50% !important;
127
+ background-color: black !important;
112
128
  }
113
129
 
114
130
  .carousel-indicators button:focus,
115
131
  .carousel-indicators button:active {
116
132
  outline: none !important;
117
133
  box-shadow: none;
118
- /* background-color: black; */
119
- }
120
134
 
121
- .active {
122
- background-color: black !important;
123
135
  }
124
136
 
125
137
  .carousel-caption {
126
- padding:10px;
127
- font-size:larger;
128
138
  color: black;
129
- background-color: rgba(211, 211, 211, 0.75);
139
+ top: 100%;
140
+ left: 0;
141
+ right: 20%;
142
+ text-align: left;
143
+ }
144
+
145
+ .carousel-control-next,
146
+ .carousel-control-prev {
147
+ bottom: 7rem;
130
148
  }
131
149
 
132
150
  .carousel-control-prev:focus,
@@ -80,6 +80,7 @@ export default {
80
80
  border-radius: 10px 10px 10px 10px;
81
81
  margin-bottom: 16px;
82
82
  border-top: none;
83
+ opacity: unset;
83
84
  }
84
85
  :deep(.card-title) {
85
86
  line-height: 1.2;
@@ -45,12 +45,12 @@ export const mockCarouselItems = [
45
45
  favorite: ''
46
46
  },
47
47
  {
48
- content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in magna tincidunt',
48
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur ligula ex',
49
49
  image:
50
50
  'https://picsum.photos/1024/480/?image=62',
51
51
  link: '/construction',
52
52
  dateStart: '2024-10-30T09:45:00+11:00',
53
- dateEnd: '2024-11-12T09:45:00+11:00',
53
+ dateEnd: '2025-11-12T09:45:00+11:00',
54
54
  favorite: ''
55
55
  },
56
56
  ]