@shift72/core-template 1.9.27 → 1.9.29

package/CHANGELOG.md

@@ -1,6 +1,32 @@
 # Changelog
 
-## [Unreleased](https://github.com/shift72/core-template/compare/1.9.27...HEAD)
+## [Unreleased](https://github.com/shift72/core-template/compare/1.9.29...HEAD)
+
+## [1.9.29](https://github.com/shift72/core-template/compare/1.9.28...1.9.29)
+
+### Added
+
+- unique class and data tags on sliders / lists
+
+### Changed
+
+- removed extra space in cast list
+- tweak styling of meta detail links
+
+### Fixed
+
+- Shadow under posters
+- add missing poppins font files for italic / weights
+
+## [1.9.28](https://github.com/shift72/core-template/compare/1.9.27...1.9.28)
+
+### Added
+
+- external_links_new_tab config to make external links in header / footer nav open in a new tab
+
+### Changed
+
+- Cast list: remove erroneous space before comma. CSS tweaks for the link underlines
 
 ## [1.9.27](https://github.com/shift72/core-template/compare/1.9.26...1.9.27)
 

package/kibble.json

@@ -1,7 +1,7 @@
 {
   "name": "core-template",
-  "version": "1.9.27",
-  "siteUrl": "https://staging-store-kibble.shift72.com",
+  "version": "1.9.29",
+  "siteUrl": "https://tvoddemo.shift72.com",
   "builderVersion": "0.17.8",
   "defaultLanguage": "en",
   "languages": {
@@ -195,5 +195,5 @@
       "pageSize": 0
     }
   ],
-  "coreTemplateVersion": "1.9.27"
+  "coreTemplateVersion": "1.9.29"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shift72/core-template",
-  "version": "1.9.27",
+  "version": "1.9.29",
   "description": "Shift72 core template",
   "license": "MIT",
   "scripts": {

package/site/styles/_meta-detail.scss

@@ -155,10 +155,12 @@
     }
 
     > .poster {
-      margin-bottom: 5px;
+      margin-bottom: 25px;
     }
   }
-
+  s72-image {
+    display: flex;
+  }
   .poster {
     animation: fadein 2s;
     display: block;
@@ -167,6 +169,10 @@
     margin-right: 20px;
     width: 110px;
 
+    &.poster-image {
+      margin-bottom: 0px;
+    }
+
     @include media-breakpoint-up(xs) {
       width: 155px;
     }
@@ -277,6 +283,9 @@ s72-element-switcher,
     a {
       animation: fadein 2s;
 
+      text-decoration-color: rgba(var(--body-color-rgb), 0.6);
+      text-underline-offset: 0.15em;
+
       &:hover {
         text-decoration: none;
       }
@@ -484,7 +493,6 @@ s72-element-switcher {
   }
 }
 
-
 comment-section {
   display: block;
   margin-bottom: 3rem;
@@ -496,5 +504,4 @@ comment-section {
     padding-left: var(--page-detail-padding-hz-lg);
     padding-right: var(--page-detail-padding-hz-lg);
   }
-
 }

package/site/templates/application/footer/nav.jet

@@ -4,7 +4,7 @@
       <ul class="nav">
         {{ range navLinks }}
           <li class="nav-item {{ len(.Link.ExternalURL) == 0 && routeToSlug(.Link.Slug) == currentUrlPath ? "active" : "" }}">
-            <a class="nav-link" href="{{ len(.Link.ExternalURL) > 0 ? .Link.ExternalURL : routeToSlug(.Link.Slug) }}">{{ .Label }}</a>
+            <a class="nav-link" href="{{ len(.Link.ExternalURL) > 0 ? .Link.ExternalURL : routeToSlug(.Link.Slug) }}" target="{{len(.Link.ExternalURL) > 0 && config("external_links_new_tab") == "true" ? "_blank" : "_self"}}">{{ .Label }}</a>
           </li>
         {{ end }}
       </ul>

package/site/templates/application/head/font.jet

@@ -1,4 +1,4 @@
 {{block font()}}
     <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" rel="stylesheet">
 {{end}}

package/site/templates/application/nav/nav.jet

@@ -52,7 +52,7 @@
                   <a class="s72-dropdown-toggle nav-link" href="{{len(.Link.ExternalURL) > 0 ? .Link.ExternalURL : len(.Items) == 0 ? routeToSlug(.Link.Slug) : "#"}}">{{.Label}}</a>
                   <div class="s72-dropdown-menu sub-nav-menu">
                     {{range sub := .Items}}
-                      <a class="nav-link" href="{{len(sub.Link.ExternalURL) > 0 ? sub.Link.ExternalURL : routeToSlug(sub.Link.Slug) }}">{{sub.Label}}</a>
+                      <a class="nav-link" href="{{len(sub.Link.ExternalURL) > 0 ? sub.Link.ExternalURL : routeToSlug(sub.Link.Slug) }}" target="{{len(.Link.ExternalURL) > 0 && config("external_links_new_tab") == "true" ? "_blank" : "_self"}}">{{sub.Label}}</a>
                     {{end}}
                   </div>
                   <i class="fa fa-angle-down dropdown-caret"></i>
@@ -60,7 +60,7 @@
               </li>
             {{else}}
               <li class="nav-item {{len(.Link.ExternalURL) == 0 && routeToSlug(.Link.Slug) == currentUrlPath ? "active" : ""}}">
-                <a class="nav-link" href="{{len(.Link.ExternalURL) > 0 ? .Link.ExternalURL : routeToSlug(.Link.Slug)}}">{{.Label}}</a>
+                <a class="nav-link" href="{{len(.Link.ExternalURL) > 0 ? .Link.ExternalURL : routeToSlug(.Link.Slug)}}" target="{{len(.Link.ExternalURL) > 0 && config("external_links_new_tab") == "true" ? "_blank" : "_self"}}" >{{.Label}}</a>
               </li>
             {{end}}
           {{end}}

package/site/templates/collection/list.jet

@@ -2,9 +2,9 @@
 
 {{block pageCollectionList(showTitle=true)}}
 {{if len(.Items) > 0}}
-<section class="page-collection page-collection-list page-collection-list-{{.ItemsPerRow}} page-collection-list-{{.ItemLayout}} list-{{.ItemsPerRow}} list-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-list" aria-label="{{i18n("wcag_aria_label_collection_list")}}">
+<section class="page-collection page-collection-list page-collection-list-{{.ItemsPerRow}} page-collection-list-{{.ItemLayout}} list-{{.ItemsPerRow}} list-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-list list-{{.TitleSlug}}" aria-label="{{i18n("wcag_aria_label_collection_list")}}">
   <div class="collection-wrapper-container">
-    <div class="collection-container">
+    <div class="collection-container" data-title-slug="{{.TitleSlug}}">
       {{ if showTitle }}
         <div class="page-collection-list-title">
           <h3>{{.DisplayName}}</h3>

package/site/templates/collection/slider.jet

@@ -3,9 +3,9 @@
 {{import "./slider-buttons.jet"}}
 {{block pageCollectionSlider()}}
 {{if len(.Items) > 0}}
-<section class="page-collection page-collection-slider page-collection-slider-{{.ItemsPerRow}} page-collection-slider-{{.ItemLayout}} slider-{{.ItemsPerRow}} slider-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-slider" aria-label="{{i18n("wcag_aria_label_collection_slider")}}">
+<section class="page-collection page-collection-slider page-collection-slider-{{.ItemsPerRow}} page-collection-slider-{{.ItemLayout}} slider-{{.ItemsPerRow}} slider-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-slider slider-{{.TitleSlug}}" aria-label="{{i18n("wcag_aria_label_collection_slider")}}">
   <div class="collection-wrapper-container swiper-wrapper-container">
-    <div class="collection-container swiper-container" data-items-per-row="{{.ItemsPerRow}}" data-layout="{{.ItemLayout}}">
+    <div class="collection-container swiper-container" data-items-per-row="{{.ItemsPerRow}}" data-layout="{{.ItemLayout}}" data-title-slug="{{.TitleSlug}}">
         {{if .DisplayName != ""}}
       <div class="swiper-title">
         <h3>{{.DisplayName}}</h3>

package/site/templates/film/item.jet

@@ -90,8 +90,7 @@
                         {{range index, member := film.Cast}}
                           {{ path := "/search.html?q=" + member.Name }}
                           {{ showCharacter := !isEnabled("site_hide_cast_character_name")}}
-                          <a href="{{ routeToPath(path) }}">{{member.Name}}</a>{{if len(member.Character) > 0 && showCharacter}}<span class="meta-detail-character"> ({{member.Character}})</span>{{end}}
-                          {{if index < len(film.Cast) - 1}}, {{end}}
+                          <a href="{{ routeToPath(path) }}">{{member.Name}}</a>{{if len(member.Character) > 0 && showCharacter}}<span class="meta-detail-character"> ({{member.Character}})</span>{{end}}{{if index < len(film.Cast) - 1}}, {{end}}
                         {{end}}
                       </p>
                     </div>