hr-design-system-handlebars 1.5.12 → 1.5.13

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.5.13 (Mon Feb 27 2023)
+
+#### 🐛 Bug Fix
+
+- headline-barrier: line always centered to first line of headline [#573](https://github.com/mumprod/hr-design-system-handlebars/pull/573) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.5.12 (Thu Feb 23 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -541,17 +541,27 @@ video {
 .headline-barrier {
         display: grid;
         grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
-        align-items: center;
+        align-items: self-start;
         text-align: center;
         grid-gap: 10px;
         width: 100%;
     }
 .headline-barrier:before,
     .headline-barrier:after {
- 
-        border-top: 1px solid;
-        content: '';      
-    }
+        border-bottom: 1px solid;
+        content: '';
+        padding-top: 0.875rem}
+@media (min-width: 768px) {
+
+  .headline-barrier:before, 
+    .headline-barrier:after {
+    padding-top: 1.25rem;
+  }
+}
+.justifyLine.headline-barrier:before, 
+    .justifyLine.headline-barrier:after {
+  padding-top: 0.875rem;
+}
 /* PODCAST SEEK SLIDER*/
 .seek_slider::-webkit-slider-thumb {
         -webkit-appearance: none;
@@ -2657,7 +2667,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1677149358673;
+  counter-reset: cnt1677509084706;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2891,7 +2901,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1677149358673 1;
+  counter-increment: cnt1677509084706 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2907,7 +2917,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1677149358673);
+  content: counter(cnt1677509084706);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/teaser/group_teaser/group_teaser.hbs

@@ -1,7 +1,7 @@
 {{#if this.hasGroupItems}}
     {{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
             {{~#if this.hasGroupTitle}}
-                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl {{#unless this.isRelatedContent}} md:text-4xl{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl {{#unless this.isRelatedContent}} md:text-4xl{{else}} justifyLine{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
                     {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
                         {{this.groupTitle}}
                     {{~#if this.hasLink}}</a>{{/if~}}

package/package.json

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

package/src/assets/css/custom-components.css

@@ -34,16 +34,20 @@
     .headline-barrier {
         display: grid;
         grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
-        align-items: center;
+        align-items: self-start;
         text-align: center;
         grid-gap: 10px;
         width: 100%;
     }
     .headline-barrier:before,
     .headline-barrier:after {
- 
-        border-top: 1px solid;
-        content: '';      
+        border-bottom: 1px solid;
+        content: ''; 
+        @apply pt-3.5 md:pt-5     
+    }
+    .justifyLine.headline-barrier:before,
+    .justifyLine.headline-barrier:after {
+        @apply pt-3.5      
     }
 
     /* PODCAST SEEK SLIDER*/

package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs

@@ -1,7 +1,7 @@
 {{#if this.hasGroupItems}}
     {{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
             {{~#if this.hasGroupTitle}}
-                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl {{#unless this.isRelatedContent}} md:text-4xl{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl {{#unless this.isRelatedContent}} md:text-4xl{{else}} justifyLine{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
                     {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
                         {{this.groupTitle}}
                     {{~#if this.hasLink}}</a>{{/if~}}