diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss index 6c490aa..59c505d 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss +++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss @@ -28,9 +28,11 @@ section.marketingheader{ overflow: hidden; margin: 0; background-color: var(--theme-color-primary-dimmed-04); - transition:all 5s ease-in-out; - max-height:100px; - //height:100%; + max-height: 100px; + transition: all .5s cubic-bezier(0,1,0,1); + @media (max-width:767px){ + max-height: 64px; + } .sc.container{ position: absolute; top: 0; @@ -70,7 +72,6 @@ section.marketingheader{ background-color: var(--theme-color-white); transform: translate(-50%,-50%) rotate(45deg); transition: 0.3s ease; - } &:after { @@ -84,19 +85,12 @@ section.marketingheader{ } &.open{ - //height:100%; - //animation: slowopen 2s forwards; - //transition:all 5s ease-in-out; - max-height: 2000px; + max-height: 9999px; + transition: all .5s cubic-bezier(1,0,1,0); .close-search{ display:block !important; } .tiles{ - //display:flex !important; - //height:auto; - //opacity: 1; - //transition:none; - //transition:all 2s ease; margin-top:0; padding-bottom:9px; } @@ -210,19 +204,15 @@ section.marketingheader{ } .tiles { - margin: 0 -8px; - //display:none; + margin: 100px -8px 0 -8px; display: flex; flex-wrap: wrap; font-family: "Korb", sans-serif; - //height:0; - //opacity: 0; - transition: all 5s ease-in; - padding-bottom:0px; - //transition:all 2s ease; - margin-top:100px; + transition: all 0.25s ease-in; + padding-bottom: 0; @media(max-width: 567px) { - margin: 0 -6px; + margin-left: -6px; + margin-right: -6px; } .tile { diff --git a/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js b/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js index b03dc7f..7730c06 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js +++ b/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js @@ -29,9 +29,9 @@ class IHKSearchAccordion { else{ section.attr('aria-label', 'Klappmenü geöffnet'); } - if (this.section.data('single-open') !== false) { - section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuad'); - } + // if (this.section.data('single-open') !== false) { + // section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuad'); + // } }); if (section.attr('data-type') === 'event') {