hr-design-system-handlebars 1.11.3 → 1.11.5

package/src/stories/views/components/site_header/header.stories.mdx

@@ -5,6 +5,7 @@ import brandnav from './brand_navigation/brand_navigation.hbs'
 import JsonData from './fixtures/site_header_default.json'
 import JsonData2 from './fixtures/site_header_mit_warnung.json'
 import JsonData3 from './fixtures/site_header_mit_submenu.json' 
+import JsonDataTopTopics from './fixtures/site_header_mit_top_topics.json' 
 
 <Meta title="Komponenten/Header/Header" 
     argTypes={{}} 
@@ -119,6 +120,20 @@ Navigation mit zusätzlicher Subnavigation:
     </Story>
 </Canvas>
 
+***
+
+<br />
+<br />
+<br />
+<br />
+Navigation mit Top Topics: 
+
+<Canvas>
+    <Story name="Mit Top Topics" args={JsonDataTopTopics}>
+        {Template.bind({})}
+    </Story>
+</Canvas>
+
 <br />
 
 <a name="scrollverhalten" />

package/src/stories/views/components/site_header/section_navigation/section_navigation.hbs

@@ -14,6 +14,11 @@
                         {{else}}
                             {{{this}}}
                         {{/if}}
+                        {{#if @first}}
+                            {{#with ../../this.topTopicsNavigationSSILinks }}                               
+                                {{> components/site_header/section_navigation/section_navigation_top_topics }}                             
+                            {{/with}}
+                        {{/if}}
                     {{/each}} 
                 </ul>
             {{/with}}

package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs

@@ -3,7 +3,7 @@
         @click.outside="dropped = false" 
         @close-servicemenu.window="dropped = false" 
         :class="dropped ? 'border-b-0 lg:bg-white lg:text-blue-congress h-auto' : 'h-10 lg:hover:underline'" 
-        class="flex flex-wrap justify-start w-full text-white list-none border-b border-white sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:first:pl-0 first:border-t lg:first:border-t-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-blue-congress lg:rounded-t">   
+        class="flex flex-wrap justify-start order-2 w-full text-white list-none border-b border-white sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:first:pl-0 first:border-t lg:first:border-t-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-blue-congress lg:rounded-t">   
         {{#if this.isCluster ~}}
 {{!-- Gilt z.B. für REGIONEN:  --}}        
             <button id="button-{{nextRandom}}-1" 
@@ -57,9 +57,10 @@
             {{/if}}
 
         {{else}}
-
-            {{~this.text~}}
-
+            {{~this.text~}}      
+            {{~#if this.hiddenText~}}
+                <span class="sr-only">{{~this.hiddenText~}}</span>
+            {{~/if~}} 
         {{~/if}}
 
         {{#if this.isCluster}}

package/src/stories/views/components/site_header/section_navigation/section_navigation_top_topics.hbs

@@ -0,0 +1,11 @@
+<li class="order-1 w-full mx-2 lg:w-auto lg:order-2">
+    <ul class="flex flex-row items-center w-full p-4 text-left list-none bg-white lg:p-0 lg:bg-transparent lg:h-10">
+        {{#each this.items}}
+            <li class="{{#unless @last}}mr-3 {{/unless}}bg-gray-300 rounded px-1.5 pt-px inline-block w-auto tracking-wide text-blue-900 text-base leading-5.5 font-heading lg:mb-1 ">
+                {{#decorator 'components/base/link'}}
+                    {{text}}       
+                {{/decorator}} 
+            </li>
+        {{/each}} 
+    </ul>
+</li>

package/src/stories/views/components/teaser/stage/stage_text.hbs

@@ -14,7 +14,7 @@
                     {{/if}}
                     {{> components/teaser/components/teaser_title _css="text-stageText" _text=this.title _size="100" _teaserType="stage"}}
                     {{#with this.eventtags}}
-                        {{> components/event/event_tags this _css="hidden sm:block text-inherit"}} 
+                        {{> components/event/event_tags this _css="hidden sm:block !text-inherit"}} 
                     {{/with}}
                 {{/components/teaser/components/teaser_headline}}
                 {{#if this.showProfileInfoAsByline}}