hr-design-system-handlebars 1.114.68 → 1.114.69

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v1.114.69 (Tue Jan 21 2025)
+
+#### 🐛 Bug Fix
+
+- Enhance media player sticky wrapper positioning based on subnavigation visibility [#1218](https://github.com/mumprod/hr-design-system-handlebars/pull/1218) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
+
+#### Authors: 2
+
+- [@eduardo-hr](https://github.com/eduardo-hr)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.114.68 (Tue Jan 21 2025)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1209,6 +1209,9 @@ article #commentList {
 .top-14 {
   top: 3.5rem;
 }
+.top-16 {
+  top: 4rem;
+}
 .top-20 {
   top: 5rem;
 }
@@ -1218,6 +1221,9 @@ article #commentList {
 .top-4 {
   top: 1rem;
 }
+.top-40 {
+  top: 10rem;
+}
 .top-8 {
   top: 2rem;
 }
@@ -3771,7 +3777,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1737470359520;
+  counter-reset: cnt1737474959465;
 }
 .animate-duration-1000 {
   --tw-animate-duration: 1000ms;
@@ -4201,7 +4207,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1737470359520 1;
+  counter-increment: cnt1737474959465 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4219,7 +4225,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1737470359520);
+  content: counter(cnt1737474959465);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -8047,6 +8053,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     top: 7.75rem;
   }
 
+  .lg\:top-40 {
+    top: 10rem;
+  }
+
   .lg\:z-50 {
     z-index: 50;
   }

package/dist/views/components/mediaplayer/mediaPlayer_stickyWrapper.hbs

@@ -4,7 +4,9 @@
         class="transition-all lg:transition-none right-4" 
         :class="{   'ar-16-9 w-1/2 max-w-70 sm:w-70 fixed z-300 animate-fade-right animate-once animate-duration-1000': shouldVideoBeFixed(),
                     'animate-fade animate-duration-1000 animate-ease-in-out': !shouldVideoBeFixed(),
-                    'top-14 md:top-16 lg:top-31': $store.navIsVisible,
+                    'top-14 md:top-16': $store.navIsVisible,
+                    'lg:top-31': $store.navIsVisible && !$store.subNavIsVisible,
+                    'lg:top-40': $store.navIsVisible && $store.subNavIsVisible,
                     'top-4 lg:top-20': !$store.navIsVisible}">                   
         {{> @partial-block }} 
         <button @click="closeVideo()" class="absolute top-0 right-0 flex items-center justify-center w-12 h-12 z-300 hover:scale-105"
@@ -15,7 +17,6 @@
             </div>
         </button>	
     </div>
-    
     <script>
         var stickyPlayer = () => {
             return {

package/dist/views_static/components/mediaplayer/mediaPlayer_stickyWrapper.hbs

@@ -4,7 +4,9 @@
         class="transition-all lg:transition-none right-4" 
         :class="{   'ar-16-9 w-1/2 max-w-70 sm:w-70 fixed z-300 animate-fade-right animate-once animate-duration-1000': shouldVideoBeFixed(),
                     'animate-fade animate-duration-1000 animate-ease-in-out': !shouldVideoBeFixed(),
-                    'top-14 md:top-16 lg:top-31': $store.navIsVisible,
+                    'top-14 md:top-16': $store.navIsVisible,
+                    'lg:top-31': $store.navIsVisible && !$store.subNavIsVisible,
+                    'lg:top-40': $store.navIsVisible && $store.subNavIsVisible,
                     'top-4 lg:top-20': !$store.navIsVisible}">                   
         {{> @partial-block }} 
         <button @click="closeVideo()" class="absolute top-0 right-0 flex items-center justify-center w-12 h-12 z-300 hover:scale-105"
@@ -15,7 +17,6 @@
             </div>
         </button>	
     </div>
-    
     <script>
         var stickyPlayer = () => {
             return {

package/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-  "version": "1.114.68",
+  "version": "1.114.69",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006 public",

package/src/stories/views/components/mediaplayer/mediaPlayer_stickyWrapper.hbs

@@ -4,7 +4,9 @@
         class="transition-all lg:transition-none right-4" 
         :class="{   'ar-16-9 w-1/2 max-w-70 sm:w-70 fixed z-300 animate-fade-right animate-once animate-duration-1000': shouldVideoBeFixed(),
                     'animate-fade animate-duration-1000 animate-ease-in-out': !shouldVideoBeFixed(),
-                    'top-14 md:top-16 lg:top-31': $store.navIsVisible,
+                    'top-14 md:top-16': $store.navIsVisible,
+                    'lg:top-31': $store.navIsVisible && !$store.subNavIsVisible,
+                    'lg:top-40': $store.navIsVisible && $store.subNavIsVisible,
                     'top-4 lg:top-20': !$store.navIsVisible}">                   
         {{> @partial-block }} 
         <button @click="closeVideo()" class="absolute top-0 right-0 flex items-center justify-center w-12 h-12 z-300 hover:scale-105"
@@ -15,7 +17,6 @@
             </div>
         </button>	
     </div>
-    
     <script>
         var stickyPlayer = () => {
             return {