From e522f7c1c633409f91b26d92fa6b0b22ce274a27 Mon Sep 17 00:00:00 2001 From: FlorianEisenmenger Date: Mon, 29 Jun 2026 12:31:42 +0200 Subject: [PATCH] fixes --- gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss | 9 ++++++--- .../components/anchor-links/AnchorLinksComponent.js | 2 +- .../stories/components/anchor-links/anchor-links.scss | 5 +++++ .../stories/components/howto-list/howto-list.scss | 1 + 4 files changed, 13 insertions(+), 4 deletions(-) diff --git a/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss b/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss index d367130..5ad9001 100644 --- a/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss +++ b/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss @@ -79,7 +79,8 @@ position: absolute; display: block; - > a { + > a, + > span { position: absolute; display: block; width: 10px; @@ -94,7 +95,8 @@ &:hover, &.hover { z-index: 102; - > a { + > a, + > span { background-color: $color-secondary-dark; box-shadow: 0 0 0 6px rgba($color-secondary, 0.3); @@ -118,7 +120,8 @@ } &.open { - > a { + > a, + > span { background-color: $color-secondary-dark; box-shadow: 0 0 0 6px rgba($color-secondary, 0.3); } diff --git a/gfi-ihk-2024/stories/components/anchor-links/AnchorLinksComponent.js b/gfi-ihk-2024/stories/components/anchor-links/AnchorLinksComponent.js index d518028..995cdcf 100644 --- a/gfi-ihk-2024/stories/components/anchor-links/AnchorLinksComponent.js +++ b/gfi-ihk-2024/stories/components/anchor-links/AnchorLinksComponent.js @@ -12,7 +12,7 @@ export const createAnchorLinks = ({ titles.map((title, index) => { const li = createElement('li', [], null, ul); - const a = createElement('a', ['variant-subtle-primary-hover'], title, li); + const a = createElement('a', [], title, li); a.href = '#titleInText' + index; a.dataset.index = index.toString(); }); diff --git a/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss b/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss index c677095..8c06b52 100644 --- a/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss +++ b/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss @@ -79,6 +79,11 @@ z-index: 1; pointer-events: none; } + &:hover { + &:before { + color: var(--color-text-accent); + } + } } a, .anchors-title { diff --git a/gfi-ihk-2024/stories/components/howto-list/howto-list.scss b/gfi-ihk-2024/stories/components/howto-list/howto-list.scss index ecfe28a..ce81efa 100644 --- a/gfi-ihk-2024/stories/components/howto-list/howto-list.scss +++ b/gfi-ihk-2024/stories/components/howto-list/howto-list.scss @@ -20,6 +20,7 @@ margin-top: 0; font-size: 64px; line-height: 70px; + // HIER OPTIMIEREN! (ab 599px?) @media(max-width: 399px) { font-size: 32px; line-height: 35px;