@worksafevictoria/wcl7.5 1.13.0-beta.4 → 1.13.0-beta.5
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
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<
|
|
3
|
+
<BCarousel
|
|
4
4
|
id="carousel-1"
|
|
5
5
|
:class="{carouselPara: isParagraph}"
|
|
6
6
|
v-model="slide"
|
|
@@ -10,17 +10,19 @@
|
|
|
10
10
|
keyboard
|
|
11
11
|
:fade="true"
|
|
12
12
|
background="#ababab"
|
|
13
|
+
img-width="100%"
|
|
14
|
+
img-height="auto"
|
|
13
15
|
>
|
|
14
|
-
<
|
|
16
|
+
<BCarouselSlide
|
|
15
17
|
v-for="item in filteredCarouselItems"
|
|
16
18
|
:key="item.id"
|
|
17
19
|
:img-src="getImageURL(item.imageURL)"
|
|
18
20
|
:img-alt="item.imageAlt"
|
|
19
21
|
@click.prevent="handleClick(item.linkURL)"
|
|
20
22
|
>
|
|
21
|
-
|
|
22
|
-
</
|
|
23
|
-
</
|
|
23
|
+
<h4>{{ item.title }}</h4>
|
|
24
|
+
</BCarouselSlide>
|
|
25
|
+
</BCarousel>
|
|
24
26
|
</div>
|
|
25
27
|
</template>
|
|
26
28
|
|
|
@@ -113,29 +115,14 @@ methods: {
|
|
|
113
115
|
<style>
|
|
114
116
|
.carousel {
|
|
115
117
|
position: relative;
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.carousel-inner {
|
|
121
|
-
overflow: visible;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.carousel-indicators {
|
|
125
|
-
padding-bottom: 3rem;
|
|
126
|
-
float: right;
|
|
127
|
-
right: 2% !important;
|
|
128
|
-
width: 20%;
|
|
129
|
-
justify-content: end;
|
|
130
|
-
margin-left: 80%;
|
|
131
|
-
margin-right: 0;
|
|
118
|
+
height: 70%;
|
|
119
|
+
margin-bottom: 10px;
|
|
132
120
|
}
|
|
133
121
|
|
|
134
122
|
.carousel-indicators button {
|
|
135
123
|
width: 10px !important;
|
|
136
124
|
height: 10px !important;
|
|
137
125
|
border-radius: 50% !important;
|
|
138
|
-
background-color: black !important;
|
|
139
126
|
}
|
|
140
127
|
|
|
141
128
|
.carousel-indicators button:focus,
|
|
@@ -145,12 +132,9 @@ methods: {
|
|
|
145
132
|
}
|
|
146
133
|
|
|
147
134
|
.carousel-caption {
|
|
148
|
-
color:
|
|
149
|
-
top: 100%;
|
|
150
|
-
left: 0;
|
|
151
|
-
right: 20%;
|
|
152
|
-
text-align: left;
|
|
135
|
+
color: white;
|
|
153
136
|
text-decoration: underline;
|
|
137
|
+
background-color: black;
|
|
154
138
|
}
|
|
155
139
|
|
|
156
140
|
.carousel-control-next,
|
|
@@ -176,8 +160,8 @@ methods: {
|
|
|
176
160
|
.carouselPara {
|
|
177
161
|
margin-left: auto;
|
|
178
162
|
margin-right: auto;
|
|
179
|
-
|
|
180
|
-
|
|
163
|
+
height: 50%;
|
|
164
|
+
width:50%;
|
|
181
165
|
}
|
|
182
166
|
|
|
183
167
|
</style>
|
package/src/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import Container from './components/Containers/Container/index.vue'
|
|
3
3
|
import Row from './components/Containers/Row/index.vue'
|
|
4
4
|
import Column from './components/Containers/Column/index.vue'
|
|
5
|
-
import HomepageHeader from './components/Containers/
|
|
5
|
+
import HomepageHeader from './components/Containers/HomepageHeaderNew/index.vue'
|
|
6
6
|
import Subheader from './components/Containers/Subheader/index.vue'
|
|
7
7
|
import SectionGroup from './components/Containers/SectionGroup/index.vue'
|
|
8
8
|
import CarouselComponent from './components/Containers/Carousel/index.vue'
|