hr-design-system-handlebars 1.59.16 → 1.59.18

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.59.18 (Thu Feb 29 2024)
+
+#### 🐛 Bug Fix
+
+- :art: Add missing class & make relead button functionalble in delivery [#868](https://github.com/mumprod/hr-design-system-handlebars/pull/868) ([@Sunny1112358](https://github.com/Sunny1112358) [@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 2
+
+- [@Sunny1112358](https://github.com/Sunny1112358)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v1.59.17 (Thu Feb 29 2024)
+
+#### 🐛 Bug Fix
+
+- Dpe 2929 [#867](https://github.com/mumprod/hr-design-system-handlebars/pull/867) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.59.16 (Wed Feb 28 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -501,6 +501,12 @@ video {
     max-width: 1024px;
   }
 }
+@media (min-width: 1040px) {
+
+  .container {
+    max-width: 1040px;
+  }
+}
 [x-cloak] {
         display: none !important;
     }
@@ -1024,9 +1030,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .-left-5 {
   left: -1.25rem;
 }
-.-left-8 {
-  left: -2rem;
-}
 .bottom-0 {
   bottom: 0px;
 }
@@ -1052,6 +1055,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .left-2\/4 {
   left: 50%;
 }
+.left-5 {
+  left: 1.25rem;
+}
 .left-\[4px\] {
   left: 4px;
 }
@@ -3307,7 +3313,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1709144261177;
+  counter-reset: cnt1709217264430;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3613,7 +3619,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1709144261177 1;
+  counter-increment: cnt1709217264430 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3629,7 +3635,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1709144261177);
+  content: counter(cnt1709217264430);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4949,47 +4955,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .overflow-anywhere {
     word-wrap: anywhere;
 }
-@media (min-width: 768px) {
-
-  .md\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 360px) {
-
-    .md\:container {
-      max-width: 360px;
-    }
-  }
-
-  @media (min-width: 480px) {
-
-    .md\:container {
-      max-width: 480px;
-    }
-  }
-
-  @media (min-width: 640px) {
-
-    .md\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-
-    .md\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-
-    .md\:container {
-      max-width: 1024px;
-    }
-  }
-}
 @media (min-width: 1024px) {
 
   .lg\:container {
@@ -5030,6 +4995,13 @@ article.indexTextDS .indexTextHighlighted .link {
       max-width: 1024px;
     }
   }
+
+  @media (min-width: 1040px) {
+
+    .lg\:container {
+      max-width: 1040px;
+    }
+  }
 }
 .placeholder\:text-gray-dark::-webkit-input-placeholder {
   --tw-text-opacity: 1;
@@ -6051,10 +6023,6 @@ article.indexTextDS .indexTextHighlighted .link {
     margin-left: 0.75rem;
   }
 
-  .md\:ml-4 {
-    margin-left: 1rem;
-  }
-
   .md\:mt-0 {
     margin-top: 0px;
   }
@@ -6337,6 +6305,16 @@ article.indexTextDS .indexTextHighlighted .link {
     padding-right: 1.25rem;
   }
 
+  .md\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .md\:px-9\.5 {
+    padding-left: 2.375rem;
+    padding-right: 2.375rem;
+  }
+
   .md\:py-0 {
     padding-top: 0px;
     padding-bottom: 0px;
@@ -6346,10 +6324,6 @@ article.indexTextDS .indexTextHighlighted .link {
     padding-left: 0px;
   }
 
-  .md\:pl-4 {
-    padding-left: 1rem;
-  }
-
   .md\:pl-5 {
     padding-left: 1.25rem;
   }
@@ -6358,10 +6332,6 @@ article.indexTextDS .indexTextHighlighted .link {
     padding-right: 0px;
   }
 
-  .md\:pr-4 {
-    padding-right: 1rem;
-  }
-
   .md\:pr-5 {
     padding-right: 1.25rem;
   }
@@ -7248,6 +7218,24 @@ article.indexTextDS .indexTextHighlighted .link {
     border-left-width: 1px;
   }
 }
+@media (min-width: 1040px) {
+
+  .socialShareDesktop\:bottom-auto {
+    bottom: auto;
+  }
+
+  .socialShareDesktop\:left-1 {
+    left: 0.25rem;
+  }
+
+  .socialShareDesktop\:top-0 {
+    top: 0px;
+  }
+
+  .socialShareDesktop\:top-5 {
+    top: 1.25rem;
+  }
+}
 .\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-hideOnMobile\)] {
   order: 1;
 }

package/dist/views/components/footer/page_footer.hbs

@@ -1,14 +1,14 @@
-<footer class="relative flex justify-center w-full text-base border-t cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
+<footer class="relative grid justify-center w-full text-base border-t grid-page cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
     <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div>
-    <div class="flex md:container lg:px-10">
+    <div class="col-full sm:col-main md:px-9.5">
         <span class="hidden">Footer Navigation</span>
                 
         <div class="flex flex-wrap justify-start list-none">
             {{~> components/footer/page_footer_content ~}}
-            <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-4 lg:pl-0">
+            <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0">
                 {{> components/site_header/service_logo _isFooter=true}}
             </div>
-            <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-4 md:flex-row lg:pl-0">
+            <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row ">
                 {{> components/footer/page_footer_metadata 
                     _hrDeLink=this.footerMetadata.hrDeLink
                     _ardDeLink=this.footerMetadata.ardDeLink

package/dist/views/components/footer/page_footer_column.hbs

@@ -1,5 +1,5 @@
 <nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
-    <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:ml-4 md:py-0 lg:m-0">
+    <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0">
         
         <span class="flex justify-start text-lg font-bold text-footer-heading "  title="{{_title}}" onclick="">{{_title}}  </span>  
         

package/dist/views/components/footer/page_footer_content.hbs

@@ -6,7 +6,7 @@
     {{~> components/footer/page_footer_column _columns=this.groups.[1].columns _hasCookieSettings=true _title=this.groups.[1].title ~}} 
 </div> 
 
-<div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-4 lg:pr-0 -third">
+<div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-0 -third">
 
     <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
         {{> components/footer/page_footer_search }}

package/dist/views/components/footer/page_footer_item.hbs

@@ -1,14 +1,14 @@
 {{#if this.extern}}
-    <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap lg:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6">
+    <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6">
         {{> components/footer/page_footer_nav_link  _css="flex hover:underline" _link=this _iconName="extern" }}
     </li>
 {{else}}
     {{#if this.paragraphed}}
-        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:bg-transparent lg:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6">
+        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:bg-transparent md:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6">
             {{> components/footer/page_footer_nav_link _site=this.site _css="hover:underline" _link=this}}
         </li>
     {{else}}
-        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap lg:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 ">
+        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 ">
             {{> components/footer/page_footer_nav_link _link=this _site=this.site _css="flex hover:underline" }}
         </li>
     {{/if}}

package/dist/views/components/page/index/page_offline.hbs

@@ -5,7 +5,7 @@
     lang="de"
 >
     <head>
-
+        <link href="{{resourceUrl "assets/index.css"}}" rel="stylesheet" type="text/css">
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
         <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
         <title>hessenschau.de | Nachrichten aus Hessen</title>
@@ -41,11 +41,11 @@
                                         </h3>
                                         <div class="flex justify-center flex-wrap text-center mt-9" >
                                         {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" }}
-                                        {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                            {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                        {{/components/button/button}}
                                         {{#*inline "htmlProperties"}}
                                             onClick="window.location.reload();"
                                         {{/inline}} 
-                                        {{/components/button/button}}
                                     </div>
                                 </div>
                             </div>

package/dist/views/components/social_sharing/social_sharing_compact.hbs

@@ -31,7 +31,7 @@
             focusAfter && focusAfter.focus()
         },
         checkIfDesktop() {
-            this.isDesktop = (window.innerWidth >= 768) ? true : false 
+            this.isDesktop = (window.innerWidth >= 1040) ? true : false 
         }
     }"
     x-init = "checkIfDesktop()"
@@ -48,9 +48,9 @@
         open:<span x-text="open" ></span><br>
         isDesktop:<span x-text="isDesktop" ></span>
     </div>
-    <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height left-0 w-full': !sharingIsVisible }">
+    <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height socialShareDesktop:bottom-auto socialShareDesktop:top-0 left-0 w-full': !sharingIsVisible }">
         <div class="" :class="{ 'flex justify-start col-full sm:col-main relative': !sharingIsVisible }">
-            <div class="flex gap-3" :class="{ 'bottom-5 -left-8 flex-col absolute bg-white': !sharingIsVisible }">
+            <div class="flex gap-3" :class="{ 'bottom-5 socialShareDesktop:top-5 left-5 socialShareDesktop:left-1 flex-col absolute bg-white': !sharingIsVisible }">
                 <button 
                     class="order-2 w-8 h-8 ds-button font-heading active:scale-95 hover:scale-105 group"
                     x-show="!isDesktop"

package/dist/views_static/components/footer/page_footer.hbs

@@ -1,14 +1,14 @@
-<footer class="relative flex justify-center w-full text-base border-t cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
+<footer class="relative grid justify-center w-full text-base border-t grid-page cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
     <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div>
-    <div class="flex md:container lg:px-10">
+    <div class="col-full sm:col-main md:px-9.5">
         <span class="hidden">Footer Navigation</span>
                 
         <div class="flex flex-wrap justify-start list-none">
             {{~> components/footer/page_footer_content ~}}
-            <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-4 lg:pl-0">
+            <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0">
                 {{> components/site_header/service_logo _isFooter=true}}
             </div>
-            <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-4 md:flex-row lg:pl-0">
+            <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row ">
                 {{> components/footer/page_footer_metadata 
                     _hrDeLink=this.footerMetadata.hrDeLink
                     _ardDeLink=this.footerMetadata.ardDeLink

package/dist/views_static/components/footer/page_footer_column.hbs

@@ -1,5 +1,5 @@
 <nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
-    <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:ml-4 md:py-0 lg:m-0">
+    <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0">
         
         <span class="flex justify-start text-lg font-bold text-footer-heading "  title="{{_title}}" onclick="">{{_title}}  </span>  
         

package/dist/views_static/components/footer/page_footer_content.hbs

@@ -6,7 +6,7 @@
     {{~> components/footer/page_footer_column _columns=this.groups.[1].columns _hasCookieSettings=true _title=this.groups.[1].title ~}} 
 </div> 
 
-<div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-4 lg:pr-0 -third">
+<div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-0 -third">
 
     <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
         {{> components/footer/page_footer_search }}

package/dist/views_static/components/footer/page_footer_item.hbs

@@ -1,14 +1,14 @@
 {{#if this.extern}}
-    <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap lg:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6">
+    <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6">
         {{> components/footer/page_footer_nav_link  _css="flex hover:underline" _link=this _iconName="extern" }}
     </li>
 {{else}}
     {{#if this.paragraphed}}
-        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:bg-transparent lg:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6">
+        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:bg-transparent md:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6">
             {{> components/footer/page_footer_nav_link _site=this.site _css="hover:underline" _link=this}}
         </li>
     {{else}}
-        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap lg:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 ">
+        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 ">
             {{> components/footer/page_footer_nav_link _link=this _site=this.site _css="flex hover:underline" }}
         </li>
     {{/if}}

package/dist/views_static/components/page/index/page_offline.hbs

@@ -5,7 +5,7 @@
     lang="de"
 >
     <head>
-
+        <link href="{{resourceUrl "assets/index.css"}}" rel="stylesheet" type="text/css">
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
         <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
         <title>hessenschau.de | Nachrichten aus Hessen</title>
@@ -41,11 +41,11 @@
                                         </h3>
                                         <div class="flex justify-center flex-wrap text-center mt-9" >
                                         {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" }}
-                                        {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                            {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                        {{/components/button/button}}
                                         {{#*inline "htmlProperties"}}
                                             onClick="window.location.reload();"
                                         {{/inline}} 
-                                        {{/components/button/button}}
                                     </div>
                                 </div>
                             </div>

package/dist/views_static/components/social_sharing/social_sharing_compact.hbs

@@ -31,7 +31,7 @@
             focusAfter && focusAfter.focus()
         },
         checkIfDesktop() {
-            this.isDesktop = (window.innerWidth >= 768) ? true : false 
+            this.isDesktop = (window.innerWidth >= 1040) ? true : false 
         }
     }"
     x-init = "checkIfDesktop()"
@@ -48,9 +48,9 @@
         open:<span x-text="open" ></span><br>
         isDesktop:<span x-text="isDesktop" ></span>
     </div>
-    <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height left-0 w-full': !sharingIsVisible }">
+    <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height socialShareDesktop:bottom-auto socialShareDesktop:top-0 left-0 w-full': !sharingIsVisible }">
         <div class="" :class="{ 'flex justify-start col-full sm:col-main relative': !sharingIsVisible }">
-            <div class="flex gap-3" :class="{ 'bottom-5 -left-8 flex-col absolute bg-white': !sharingIsVisible }">
+            <div class="flex gap-3" :class="{ 'bottom-5 socialShareDesktop:top-5 left-5 socialShareDesktop:left-1 flex-col absolute bg-white': !sharingIsVisible }">
                 <button 
                     class="order-2 w-8 h-8 ds-button font-heading active:scale-95 hover:scale-105 group"
                     x-show="!isDesktop"

package/package.json

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

package/src/stories/views/components/footer/page_footer.hbs

@@ -1,14 +1,14 @@
-<footer class="relative flex justify-center w-full text-base border-t cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
+<footer class="relative grid justify-center w-full text-base border-t grid-page cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
     <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div>
-    <div class="flex md:container lg:px-10">
+    <div class="col-full sm:col-main md:px-9.5">
         <span class="hidden">Footer Navigation</span>
                 
         <div class="flex flex-wrap justify-start list-none">
             {{~> components/footer/page_footer_content ~}}
-            <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-4 lg:pl-0">
+            <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0">
                 {{> components/site_header/service_logo _isFooter=true}}
             </div>
-            <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-4 md:flex-row lg:pl-0">
+            <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row ">
                 {{> components/footer/page_footer_metadata 
                     _hrDeLink=this.footerMetadata.hrDeLink
                     _ardDeLink=this.footerMetadata.ardDeLink

package/src/stories/views/components/footer/page_footer_column.hbs

@@ -1,5 +1,5 @@
 <nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
-    <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:ml-4 md:py-0 lg:m-0">
+    <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0">
         
         <span class="flex justify-start text-lg font-bold text-footer-heading "  title="{{_title}}" onclick="">{{_title}}  </span>  
         

package/src/stories/views/components/footer/page_footer_content.hbs

@@ -6,7 +6,7 @@
     {{~> components/footer/page_footer_column _columns=this.groups.[1].columns _hasCookieSettings=true _title=this.groups.[1].title ~}} 
 </div> 
 
-<div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-4 lg:pr-0 -third">
+<div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-0 -third">
 
     <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
         {{> components/footer/page_footer_search }}

package/src/stories/views/components/footer/page_footer_item.hbs

@@ -1,14 +1,14 @@
 {{#if this.extern}}
-    <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap lg:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6">
+    <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6">
         {{> components/footer/page_footer_nav_link  _css="flex hover:underline" _link=this _iconName="extern" }}
     </li>
 {{else}}
     {{#if this.paragraphed}}
-        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:bg-transparent lg:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6">
+        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:bg-transparent md:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6">
             {{> components/footer/page_footer_nav_link _site=this.site _css="hover:underline" _link=this}}
         </li>
     {{else}}
-        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap lg:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 ">
+        <li class="flex items-center w-full h-10 pl-4 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 ">
             {{> components/footer/page_footer_nav_link _link=this _site=this.site _css="flex hover:underline" }}
         </li>
     {{/if}}

package/src/stories/views/components/page/index/page_offline.hbs

@@ -5,7 +5,7 @@
     lang="de"
 >
     <head>
-
+        <link href="{{resourceUrl "assets/index.css"}}" rel="stylesheet" type="text/css">
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
         <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
         <title>hessenschau.de | Nachrichten aus Hessen</title>
@@ -41,11 +41,11 @@
                                         </h3>
                                         <div class="flex justify-center flex-wrap text-center mt-9" >
                                         {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" }}
-                                        {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                            {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                        {{/components/button/button}}
                                         {{#*inline "htmlProperties"}}
                                             onClick="window.location.reload();"
                                         {{/inline}} 
-                                        {{/components/button/button}}
                                     </div>
                                 </div>
                             </div>

package/src/stories/views/components/social_sharing/social_sharing_compact.hbs

@@ -31,7 +31,7 @@
             focusAfter && focusAfter.focus()
         },
         checkIfDesktop() {
-            this.isDesktop = (window.innerWidth >= 768) ? true : false 
+            this.isDesktop = (window.innerWidth >= 1040) ? true : false 
         }
     }"
     x-init = "checkIfDesktop()"
@@ -48,9 +48,9 @@
         open:<span x-text="open" ></span><br>
         isDesktop:<span x-text="isDesktop" ></span>
     </div>
-    <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height left-0 w-full': !sharingIsVisible }">
+    <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height socialShareDesktop:bottom-auto socialShareDesktop:top-0 left-0 w-full': !sharingIsVisible }">
         <div class="" :class="{ 'flex justify-start col-full sm:col-main relative': !sharingIsVisible }">
-            <div class="flex gap-3" :class="{ 'bottom-5 -left-8 flex-col absolute bg-white': !sharingIsVisible }">
+            <div class="flex gap-3" :class="{ 'bottom-5 socialShareDesktop:top-5 left-5 socialShareDesktop:left-1 flex-col absolute bg-white': !sharingIsVisible }">
                 <button 
                     class="order-2 w-8 h-8 ds-button font-heading active:scale-95 hover:scale-105 group"
                     x-show="!isDesktop"

package/tailwind.config.js

@@ -31,6 +31,7 @@ module.exports = {
             '2xl': '1536px',
             // => @media (min-width: 1536px) { ... } */
             tablet: { min: '768px', max: '1023px' },
+            socialShareDesktop: '1040px',
         },
         letterSpacing: {
             tighter: '-.025em',