Przeglądaj źródła

fix CSS selector scoping and marketing header autoplay speed

- 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
Björn 4 godzin temu
rodzic
commit
46a472e31e
5 zmienionych plików z 8 dodań i 5 usunięć
  1. +1
    -1
      gfi-ihk-2024/stories/atoms/button/button.scss
  2. +2
    -2
      gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss
  3. +1
    -1
      gfi-ihk-2024/stories/components/header/header.js
  4. +2
    -1
      gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js
  5. +2
    -0
      gfi-ihk-2024/stories/sections/slider/slider.scss

+ 1
- 1
gfi-ihk-2024/stories/atoms/button/button.scss Wyświetl plik

@@ -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);
} }


+ 2
- 2
gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss Wyświetl plik

@@ -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;


+ 1
- 1
gfi-ihk-2024/stories/components/header/header.js Wyświetl plik

@@ -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');


+ 2
- 1
gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js Wyświetl plik

@@ -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());


+ 2
- 0
gfi-ihk-2024/stories/sections/slider/slider.scss Wyświetl plik

@@ -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;


Ładowanie…
Anuluj
Zapisz