gfi uebertrag

gfi-ihk-2024/stories/components/gallery/gallery.js

@@ -69,7 +69,7 @@ class IHKGallery {
   initSingleThumb() {
     const first = this.items.first().addClass('loading');
     const a = $('<a href="' + first.data('full') + '" />').attr('data-index', 0).appendTo(first);
-    const img = $('<img alt="' + first.attr("alt") + '" />').appendTo(a);
+    const img = $('<img alt="' + first.data("alt") + '" />').appendTo(a);
     if (first.data('copyright')) {
       $('<span class="copyright" aria-hidden="true">' + first.data('copyright') + '</span>').appendTo(a);
       $('<span class="sr-only">' + first.data('copyright') + '</span>').appendTo(a);
@@ -205,7 +205,7 @@ class IHKGallery {
   }
 
   initPopup() {
-    this.popup = $('<div class="gallery-popup" tabindex="-1" />').appendTo($('body'));
+    this.popup = $('<div class="gallery-popup" tabindex="-1" />').appendTo($('header'));
 
     const slides = $('<div class="slider" />').appendTo(this.popup);
     const closer = $('<button class="closer" aria-label="Schließen" />').prependTo(this.popup);
@@ -253,7 +253,7 @@ class IHKGallery {
     });
 
     if (this.section.data('render-download')) {
-      const download = $('<a href="#" download class="download" />').prependTo(this.popup);
+      const download = $('<a aria-label="Download" href="#" download class="download" />').prependTo(this.popup);
       $(download).attr('href', this.slider.slides.eq(this.slider.currentSlide).find('.image-box').attr('data-download'));
     }
 

gfi-ihk-2024/stories/components/header/header.js

@@ -290,7 +290,7 @@ class IHKHeader {
             a.text('').append($('<img src="' + this.titleImage + '" alt="' + this.title + '" />'))
           }
         }
-        if (this.viewType === 'themenseite' && (!parentElement.root || this.skipEmptyMenu)) {
+        if ((this.viewType === 'themenseite' || this.viewType === 'ihk-wahl-startseite')  && (!parentElement.root || this.skipEmptyMenu)) {
           li.addClass('overview');
           li.removeClass('deep');
           a.attr('href', itemUrl);
@@ -344,12 +344,14 @@ class IHKHeader {
       let hash = window.location.hash;
       if (hash) {
         let menuId = hash.substring(1);
-        let li = ul.find('li[data-id=' + menuId + ']');
-        if (li.length > 0) {
-          t.toggleNavigation();
-          let anchor = li.find('a');
-          if (anchor.length > 0) {
-            t.openMenuByUrlParam(anchor, t);
+        if (!menuId.startsWith('/')) {
+          let li = ul.find('li[data-id=' + menuId + ']');
+          if (li.length > 0) {
+            t.toggleNavigation();
+            let anchor = li.find('a');
+            if (anchor.length > 0) {
+              t.openMenuByUrlParam(anchor, t);
+            }
           }
         }
       }

gfi-ihk-2024/stories/components/link-collection/link-collection.scss

@@ -67,3 +67,7 @@ section .link-collection {
     margin-top: 0;
   }
 }
+
+.ll-teaser.query-list-teasers, .ll-teaser-text.query-list-teasers {
+  margin-top: 0;
+}

gfi-ihk-2024/stories/components/steps/steps.scss

@@ -25,7 +25,7 @@
     padding: calc(var(--content-box-padding) * 2) 0;
   }
 
-  > h3, > h2 {
+  > h3, > .like-h3, > h2, > .like-h2 {
     margin: var(--section-headline-margin) calc(var(--content-box-padding) - 0.05em) 0;
     padding-bottom: 20px;
 
@@ -61,7 +61,7 @@
       margin-top: 0;
     }
 
-    h4 {
+    h4, .like-h4 {
       margin-bottom: 0.6em;
     }
   }

gfi-ihk-2024/stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss

@@ -23,7 +23,7 @@
       left: 0 !important;
       transform: none !important;
     }
-}
+  }
 
   &.single-slide {
     .controls {
@@ -132,7 +132,7 @@
       background-color: transparent;
       padding: 0;
       cursor: pointer;
-      
+
     }
     .slider-tabs, .tabs {
       position: absolute;
@@ -189,7 +189,7 @@
         }
       }
     }
-    
+
     .prev, .next {
       position: absolute;
       top: -94px;
@@ -202,7 +202,7 @@
       right:auto;
       border-radius: 24px;
       background: var(--theme-color-primary-dimmed-04);
-      --button-hover-shadow-opacity: 0.4; 
+      --button-hover-shadow-opacity: 0.4;
       --button-hover-shadow-size: 6px ;
       @media(max-width: 1470px) {
         left:auto;
@@ -216,7 +216,7 @@
         top: -80px;
       }
       @media(max-width: 767px) {
-      
+
       }
       &:before {
         @include icon-small-arrow-right-simple;
@@ -241,7 +241,7 @@
         opacity: 0.4;
         box-shadow: 0 0 0 6px var(--theme-color-primary-dimmed-04);
       }
-      
+
     }
 
     .prev {

gfi-ihk-2024/stories/sections/participation-stage/ParticipationStageComponent.js

@@ -85,4 +85,4 @@ export const createParticipationStage = ({
   }
 
   return section;
-}
+}

gfi-ihk-2024/stories/sections/slider/slider.js

@@ -104,8 +104,8 @@ class IHKSlider {
   initUI() {
     this.count = $('<span />');
 
-    this.prevButton = $('<button class="prev" aria-label="Previous Slide" />');
-    this.nextButton = $('<button class="next" aria-label="Next Slide" />');
+    this.prevButton = $('<button class="prev" aria-label="Zurück" />');
+    this.nextButton = $('<button class="next" aria-label="Weiter" />');
     const tabsWrapper = $('<ul class="slider-tabs" />');
     const countWrapper = $('<span class="count" />')
       .html('/<span class="total">' + this.slides.length + '</span></span>')
@@ -151,7 +151,6 @@ class IHKSlider {
         .appendTo(this.section);
     } else {
       this.controls = $('<div class="controls" />')
-        .append(tabsWrapper)
         .append(countWrapper)
         .appendTo(this.section);
     }

gfi-ihk-2024/stories/sections/topic-teasers/topic-teasers.scss

@@ -3,7 +3,8 @@ section.topics {
   padding: var(--section-padding) 0;
   margin: var(--section-margin) auto;
 
-  .container > h2 {
+  .container > h2,
+  .container > .like-h2 {
     margin-top: var(--section-headline-margin);
   }
 
@@ -61,4 +62,4 @@ section.topics {
       flex: 1 1 100%;
     }
   }
-}
+}