@tiba-spark/client-shared-lib 26.1.0-195 → 26.1.0-198

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": "@tiba-spark/client-shared-lib",
3
- "version": "26.1.0-195",
3
+ "version": "26.1.0-198",
4
4
  "description": "Holds the shared content that all Spark Client applications use",
5
5
  "keywords": [
6
6
  "spark",
@@ -24,9 +24,11 @@ owl-carousel-o.full, owl-carousel-o.thumbnail, owl-carousel-o.section, owl-carou
24
24
  }
25
25
 
26
26
  .owl-nav {
27
+ margin-top: 5px;
28
+
27
29
  .owl-prev, .owl-next {
28
30
  position: absolute;
29
- top: calc(50% - 15px); // 15px of padding bottom
31
+ top: calc(50% - 25px); // 25px of padding bottom
30
32
  width: 24px;
31
33
  height: 24px;
32
34
  box-sizing: border-box;
@@ -57,6 +59,7 @@ owl-carousel-o.full, owl-carousel-o.thumbnail, owl-carousel-o.section, owl-carou
57
59
  display: flex;
58
60
  flex-direction: column;
59
61
  align-items: center;
62
+ height: 100%;
60
63
 
61
64
  .carousel-slide-content {
62
65
  @include mixins.primary-body-font;
@@ -164,4 +167,85 @@ tb-update-plate-id-dialog owl-carousel-o.full {
164
167
  owl-carousel-o.section .owl-carousel {
165
168
  height: 70vw;
166
169
  }
167
- }
170
+ }
171
+
172
+ tb-lpr-transaction-car-plate-carousel tb-car-plate-carousel {
173
+ tb-carousel {
174
+ display: flex;
175
+ }
176
+
177
+ .owl-nav {
178
+ .owl-prev, .owl-next {
179
+ box-shadow: unset;
180
+ background-color: transparent !important;
181
+ filter: brightness(100);
182
+
183
+ &:hover:not(.disabled) {
184
+ background-color: variables.$hover-background !important;
185
+ filter: unset;
186
+ }
187
+ }
188
+ }
189
+
190
+ owl-carousel-o {
191
+ display: flex;
192
+
193
+ .owl-carousel {
194
+ display: flex !important;
195
+ flex-direction: column;
196
+ padding: 0 !important;
197
+
198
+ owl-stage, owl-stage > div {
199
+ height: 100%;
200
+ }
201
+
202
+ .owl-stage-outer {
203
+ border-radius: 10px;
204
+ box-sizing: border-box;
205
+ border: 1px solid variables.$border-color;
206
+ background: variables.$white-color;
207
+ }
208
+ }
209
+ }
210
+
211
+ .owl-item {
212
+ width: auto;
213
+ }
214
+
215
+ .carousel-slide-content,
216
+ img {
217
+ width: 100% !important;
218
+ }
219
+
220
+ &.enlarge-image {
221
+ border-radius: 10px;
222
+ box-sizing: border-box;
223
+ border: 1px solid variables.$border-color;
224
+ background: variables.$white-color;
225
+
226
+ .owl-stage-outer {
227
+ border-radius: unset !important;
228
+ box-sizing: unset !important;
229
+ border: unset !important;
230
+ background: unset !important;
231
+ }
232
+ }
233
+
234
+ &:not(.enlarge-image) {
235
+ owl-carousel-o {
236
+ min-width: 0;
237
+
238
+ .owl-item {
239
+ .carousel-slide-content {
240
+ display: none;
241
+ }
242
+
243
+ img {
244
+ height: 100%;
245
+ border-top-right-radius: 10px;
246
+ border-top-left-radius: 10px;
247
+ }
248
+ }
249
+ }
250
+ }
251
+ }