@shift72/core-template 1.9.28 → 1.9.30

package/CHANGELOG.md

@@ -1,6 +1,33 @@
 # Changelog
 
-## [Unreleased](https://github.com/shift72/core-template/compare/1.9.28...HEAD)
+## [Unreleased](https://github.com/shift72/core-template/compare/1.9.30...HEAD)
+
+## [1.9.30](https://github.com/shift72/core-template/compare/1.9.29...1.9.30)
+
+### Added
+
+- Playback progress bars on media items (config: "media_item_show_playback_progress")
+- Swedish translations
+
+### Changed
+
+- Added CSS vars for playback progress. Reduce default size from 6px to 3px (affects TV episode sub-items)
+
+## [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)
 
@@ -8,6 +35,10 @@
 
 - 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)
 
 ### Changed

package/kibble.json

@@ -1,7 +1,7 @@
 {
   "name": "core-template",
-  "version": "1.9.28",
-  "siteUrl": "https://staging-store-kibble.shift72.com",
+  "version": "1.9.30",
+  "siteUrl": "https://tvoddemo.shift72.com",
   "builderVersion": "0.17.8",
   "defaultLanguage": "en",
   "languages": {
@@ -97,6 +97,10 @@
       "code": "sr_SR",
       "name": "Српски"
     },
+    "sv": {
+      "code": "sv_SE",
+      "name": "Svenska"
+    },
     "tr": {
       "code": "tr_TR",
       "name": "Türk"
@@ -195,5 +199,5 @@
       "pageSize": 0
     }
   ],
-  "coreTemplateVersion": "1.9.28"
+  "coreTemplateVersion": "1.9.30"
 }

package/package.json

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

package/site/styles/_availability-tags.scss

@@ -36,7 +36,7 @@ s72-availability-label {
 
     .availability-state {
       @extend .mb-0;
-      line-height: 18px;
+      line-height: 22px;
       &::before {
         content: none;
       }

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/styles/_meta-sub-item.scss

@@ -110,18 +110,6 @@
   }
 }
 
-.s72-playback-progress,
-.s72-playback-progress-bar {
-  height: 6px;
-}
-
-.s72-playback-progress {
-  background-color: rgba(var(--body-bg-rgb), 0.5);
-}
-
-.s72-playback-progress-bar {
-  background-color: var(--secondary);
-}
 
 s72-show-hide-switcher {
   display: block;

package/site/styles/_playback-progress.scss

@@ -0,0 +1,18 @@
+s72-playback-progress {
+  // on top of the availability label, below the hover
+  z-index: 99;
+}
+
+.s72-playback-progress,
+.s72-playback-progress-bar {
+  height: var(--playback-progress-bar-height);
+}
+
+.s72-playback-progress {
+  background-color: rgba(var(--body-bg-rgb), 0.5);
+}
+
+.s72-playback-progress-bar {
+  background-color: var(--playback-progress-bar-color);
+  border-radius: 2px;
+}

package/site/styles/_variables.scss

@@ -182,6 +182,12 @@
 
   --poster-skeleton-background-color: #3335;
 
+  // Playback progress bar shown on meta item and sub-items
+  --playback-progress-bar-height: 3px;
+  --playback-progress-bar-color: var(--secondary);
+  --playback-progress-bar-bg-color: rgba(var(--body-bg-rgb), 0.5);
+
+
   // Detail player
   --page-detail-player-padding-top: 140px;
   --page-detail-player-padding-top-lg: 200px;

package/site/styles/main.scss

@@ -23,6 +23,7 @@
 @import '_meta-item-tagline';
 @import '_meta-item-title';
 @import '_availability-tags';
+@import '_playback-progress';
 
 @import '_collections';
 @import '_slider';