- Narrow :has() selector in button hover to direct child (> .teaser--link) - Scope slider-tabs .count hide rule to specific components instead of generic .controls - Fix header.js nav selector to target nav .primary - Correct marketing header autoplay speed from 700000ms to 7000ms, trigger handleAutoplay() - Fix slider-tabs positioning with left: auto and transform: none Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>master
| @@ -94,7 +94,7 @@ | |||||
| transition: 0.3s ease; | transition: 0.3s ease; | ||||
| } | } | ||||
| .btn:hover::after, *:has(.teaser--link:hover) .btn::after { | |||||
| .btn:hover::after, *:has(> .teaser--link:hover) .btn::after { | |||||
| opacity: var(--button-hover-shadow-opacity); | opacity: var(--button-hover-shadow-opacity); | ||||
| box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--button-bg-color); | box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--button-bg-color); | ||||
| } | } | ||||
| @@ -1,7 +1,7 @@ | |||||
| @use '../../_global/styles/mixins' as *; | @use '../../_global/styles/mixins' as *; | ||||
| @use '../../_global/styles/vars' as *; | @use '../../_global/styles/vars' as *; | ||||
| .controls, .rotationslider { | |||||
| .card-slider, .eventteaserlargeslider, .quick-facts, #storybook-root > .controls { | |||||
| .count { | .count { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| @@ -28,7 +28,7 @@ | |||||
| box-shadow: 0 0 0 2px var(--color-text); | box-shadow: 0 0 0 2px var(--color-text); | ||||
| } | } | ||||
| } | } | ||||
| .btn { | .btn { | ||||
| --button-min-size: 24px; | --button-min-size: 24px; | ||||
| font-size: 0; | font-size: 0; | ||||
| @@ -174,7 +174,7 @@ class IHKHeader { | |||||
| initPrimaryNav(optionalRootUrl) { | initPrimaryNav(optionalRootUrl) { | ||||
| const t = this; | const t = this; | ||||
| const primary = t.header.find('.primary'); | |||||
| const primary = t.header.find('nav .primary'); | |||||
| $(primary).empty(); | $(primary).empty(); | ||||
| t.baseUrl = primary.attr('data-base-url'); | t.baseUrl = primary.attr('data-base-url'); | ||||
| @@ -10,10 +10,11 @@ class IHKMHSlider { | |||||
| loop: true, | loop: true, | ||||
| autoplay: true, | autoplay: true, | ||||
| infinite: true, | infinite: true, | ||||
| autoplaySpeed: 700000, | |||||
| autoplaySpeed: 7000, | |||||
| animationSpeed: 600, | animationSpeed: 600, | ||||
| startSlide: 1, | startSlide: 1, | ||||
| }; | }; | ||||
| this.slider.handleAutoplay(); | |||||
| this.section.on('slide-change', () => this.syncHeights()); | this.section.on('slide-change', () => this.syncHeights()); | ||||
| requestAnimationFrame(() => this.syncHeights()); | requestAnimationFrame(() => this.syncHeights()); | ||||
| @@ -338,8 +338,10 @@ | |||||
| .slider-tabs { | .slider-tabs { | ||||
| position: absolute; | position: absolute; | ||||
| display: flex; | display: flex; | ||||
| left: auto; | |||||
| right: 0; | right: 0; | ||||
| bottom: 0; | bottom: 0; | ||||
| transform: none; | |||||
| list-style: none; | list-style: none; | ||||
| padding: 0; | padding: 0; | ||||
| margin: 20px; | margin: 20px; | ||||