Преглед на файлове

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 преди 6 часа
родител
ревизия
46a472e31e
променени са 5 файла, в които са добавени 8 реда и са изтрити 5 реда
  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 Целия файл

@@ -94,7 +94,7 @@
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);
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 Целия файл

@@ -1,7 +1,7 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;

.controls, .rotationslider {
.card-slider, .eventteaserlargeslider, .quick-facts, #storybook-root > .controls {
.count {
display: none;
}
@@ -28,7 +28,7 @@
box-shadow: 0 0 0 2px var(--color-text);
}
}
.btn {
--button-min-size: 24px;
font-size: 0;


+ 1
- 1
gfi-ihk-2024/stories/components/header/header.js Целия файл

@@ -174,7 +174,7 @@ class IHKHeader {

initPrimaryNav(optionalRootUrl) {
const t = this;
const primary = t.header.find('.primary');
const primary = t.header.find('nav .primary');

$(primary).empty();
t.baseUrl = primary.attr('data-base-url');


+ 2
- 1
gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js Целия файл

@@ -10,10 +10,11 @@ class IHKMHSlider {
loop: true,
autoplay: true,
infinite: true,
autoplaySpeed: 700000,
autoplaySpeed: 7000,
animationSpeed: 600,
startSlide: 1,
};
this.slider.handleAutoplay();

this.section.on('slide-change', () => this.syncHeights());
requestAnimationFrame(() => this.syncHeights());


+ 2
- 0
gfi-ihk-2024/stories/sections/slider/slider.scss Целия файл

@@ -338,8 +338,10 @@
.slider-tabs {
position: absolute;
display: flex;
left: auto;
right: 0;
bottom: 0;
transform: none;
list-style: none;
padding: 0;
margin: 20px;


Зареждане…
Отказ
Запис