@shift72/core-template 1.9.14 → 1.9.15

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -1,23 +1,27 @@
1
1
  # Changelog
2
2
 
3
- ## [Unreleased](https://github.com/shift72/core-template/compare/1.9.14...HEAD)
3
+ ## [Unreleased](https://github.com/shift72/core-template/compare/1.9.15...HEAD)
4
4
 
5
5
  ### Added
6
6
 
7
7
  ### Changed
8
- - Hid can-be-watched button on the film page for logged out users
9
8
 
10
9
  ### Fixed
11
10
 
11
+ ## [1.9.15](https://github.com/shift72/core-template/compare/1.9.14...1.9.15)
12
+
13
+ ### Added
14
+
15
+ - Support for applying carousel image focus area if set
16
+
12
17
  ## [1.9.14](https://github.com/shift72/core-template/compare/1.9.13...1.9.14)
13
18
 
14
19
  ### Changed
15
20
 
16
- - Hid can-be-watched button for logged out users
21
+ - fixed bug with can-be-watched button for logged out users
17
22
 
18
23
  ### Fixed
19
24
 
20
-
21
25
  ## [1.9.13](https://github.com/shift72/core-template/compare/1.9.12...1.9.13)
22
26
 
23
27
  ### Changed
package/kibble.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "core-template",
3
3
  "version": "0.0.1",
4
4
  "siteUrl": "https://tvoddemo.shift72.com",
5
- "builderVersion": "0.17.1",
5
+ "builderVersion": "0.17.5",
6
6
  "defaultLanguage": "en",
7
7
  "languages": {
8
8
  "ar": {
@@ -194,5 +194,5 @@
194
194
  "pageSize": 0
195
195
  }
196
196
  ],
197
- "coreTemplateVersion": "1.9.14"
197
+ "coreTemplateVersion": "1.9.15"
198
198
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shift72/core-template",
3
- "version": "1.9.14",
3
+ "version": "1.9.15",
4
4
  "description": "Shift72 core template",
5
5
  "license": "MIT",
6
6
  "scripts": {
@@ -52,7 +52,7 @@
52
52
  "postcss-cli": "^9.0.1",
53
53
  "rollup": "^2.23.0",
54
54
  "rollup-plugin-terser": "^6.1.0",
55
- "s72-kibble": "^0.17.1",
55
+ "s72-kibble": "^0.17.5",
56
56
  "sass": "^1.36.0"
57
57
  },
58
58
  "devDependencies": {
@@ -39,7 +39,7 @@ s72-carousel {
39
39
  top: 0;
40
40
  width: 100%;
41
41
 
42
- img {
42
+ .carousel-item-image {
43
43
  height: 100%;
44
44
  object-fit: cover;
45
45
  object-position: var(--carousel-image-object-position);
@@ -51,6 +51,15 @@ s72-carousel {
51
51
  @include media-breakpoint-up(lg) {
52
52
  object-position: var(--carousel-image-object-position-lg);
53
53
  }
54
+ &.focus-left {
55
+ object-position: left;
56
+ }
57
+ &.focus-right {
58
+ object-position: right;
59
+ }
60
+ &.focus-center {
61
+ object-position: center;
62
+ }
54
63
  }
55
64
  }
56
65
 
@@ -308,11 +308,11 @@
308
308
  }
309
309
 
310
310
  p {
311
- width: auto;
312
- max-width: 400px;
313
- text-align: center;
314
311
  margin-left: auto;
315
312
  margin-right: auto;
313
+ max-width: 400px;
314
+ text-align: center;
315
+ width: auto;
316
316
  }
317
317
  }
318
318
  }
@@ -1,5 +1,16 @@
1
1
  {{block carouselItemImage()}}
2
2
  {{if isset(.Images["Carousel"])}}
3
- <s72-image src="{{.Images.Carousel}}" alt="{{.Title}}" class="carousel-item-image"></s72-image>
3
+ {* If carousel focus is set for film (film infos metadata) or tv season (tv seasons metadata) or custom fields for Pages / Bundles then it will set a class accordingly to position the carousel image *}
4
+ {{focusClass = ""}}
5
+ {{if .GetCarouselImageFocusArea() != ""}}
6
+ {{if .GetCarouselImageFocusArea() == "left"}}
7
+ {{focusClass = "focus-left"}}
8
+ {{else if .GetCarouselImageFocusArea() == "right"}}
9
+ {{focusClass = "focus-right"}}
10
+ {{else if .GetCarouselImageFocusArea() == "center"}}
11
+ {{focusClass = "focus-center"}}
12
+ {{end}}
13
+ {{end}}
14
+ <s72-image src="{{.Images.Carousel}}" alt="{{.Title}}" class="carousel-item-image {{focusClass}}"></s72-image>
4
15
  {{end}}
5
16
  {{end}}