From 38214f33a3f3a4cdf87dcb6c0ee3c81bc91ac882 Mon Sep 17 00:00:00 2001 From: Florian Eisenmenger Date: Thu, 19 Sep 2024 16:41:58 +0200 Subject: [PATCH] fixes september 2024 --- .../ElectionResultListItemComponent.js | 1 + .../election-result-list-item.scss | 15 ++++++++++++ .../components/mini-teaser/miniteaser.scss | 17 ++++++++++---- .../ElectionDetailComponent.js | 4 +++- .../election-detail/election-detail.scss | 23 +++++++++++++++++++ .../marketingheader/marketingheader.scss | 2 +- 6 files changed, 55 insertions(+), 7 deletions(-) diff --git a/gfi-ihk-2024/stories/components/election-result-list-item/ElectionResultListItemComponent.js b/gfi-ihk-2024/stories/components/election-result-list-item/ElectionResultListItemComponent.js index 5b653cf..8c32a0c 100644 --- a/gfi-ihk-2024/stories/components/election-result-list-item/ElectionResultListItemComponent.js +++ b/gfi-ihk-2024/stories/components/election-result-list-item/ElectionResultListItemComponent.js @@ -13,6 +13,7 @@ export const createElectionResultListItem = topBox.href = '#'; const imageBox = createElement('div', ['image-box'], null, topBox); createImage(image, 310, 310, '', [], imageBox); + createElement('span', ['copyright'], name, imageBox); createElement('h3', [], name, topBox); const textBox = createElement('div', ['text-box'], null, electionResultListItem); diff --git a/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss b/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss index 1157064..94d3522 100644 --- a/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss +++ b/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss @@ -29,6 +29,21 @@ padding-bottom: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; + .copyright { + bottom: 0; + color: var(--theme-color-white); + display: block; + font-size: 12px; + left: 100%; + line-height: 1.2; + padding: 8px; + position: absolute; + text-shadow: 0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6); + transform: rotate(-90deg); + transform-origin: 0 100%; + width: 66%; + z-index: 2; + } } img { diff --git a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss index 0f7a27a..e7f7648 100644 --- a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss +++ b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss @@ -11,7 +11,7 @@ padding: 16px 12px; transition: 0.25s ease; line-height: 1.2; - text-align: center; + text-align: left; text-decoration: none; background-color: var(--theme-grey-light); display: block; @@ -40,6 +40,8 @@ .mini-container { width: 100%; + display: flex; + flex-direction: column; } } &.infoteaser{ @@ -80,11 +82,10 @@ } .title{ margin-top: 0; - padding-left: 54px; min-height: 48px; text-align: left; line-height: 24px; - margin-bottom: 19px; + margin-bottom: 11px; width: 100%; &.noicon{ padding-left: 0; @@ -94,11 +95,17 @@ } } } + .icon-box + .title { + padding-left: 54px; + } + .icon-box + .mini-container { + padding-left: 54px; + } .btn{ background-color: transparent; border: 1px solid white; - margin-left: 54px; - align-self: flex-start; + margin-left: 0; + align-self: flex-end; display: inline-block; padding:8px 10px; line-height: 22px; diff --git a/gfi-ihk-2024/stories/sections/election-detail/ElectionDetailComponent.js b/gfi-ihk-2024/stories/sections/election-detail/ElectionDetailComponent.js index 6cef6eb..46e5655 100644 --- a/gfi-ihk-2024/stories/sections/election-detail/ElectionDetailComponent.js +++ b/gfi-ihk-2024/stories/sections/election-detail/ElectionDetailComponent.js @@ -44,7 +44,9 @@ export const createElectionDetail = const back = createElement('div', ['election-detail--back'], null, electionDetail); const more = createElement('div', ['election-detail--more', 'contact-wrapper'], null, electionDetail); - createImage(image, 545, 526, '', [], text); + const imageContainer = createElement('div', ['election-detail--image-container'], null, text); + createImage(image, 545, 526, '', [], imageContainer); + createElement('span', ['copyright'], name, imageContainer); const textbox = createElement('div', ['text-box'], null, text); createElement('h1', [], name, textbox); createElement('p', ['subheadline'], subheadline, textbox); diff --git a/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss b/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss index f94df42..77468b9 100644 --- a/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss +++ b/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss @@ -22,6 +22,29 @@ } } + .election-detail--image-container { + position: relative; + margin: 0 40px 0 0; + img { + margin: 0; + } + .copyright { + bottom: 0; + color: var(--theme-color-white); + display: block; + font-size: 12px; + left: 100%; + line-height: 1.2; + padding: 8px; + position: absolute; + text-shadow: 0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6); + transform: rotate(-90deg); + transform-origin: 0 100%; + width: 66%; + z-index: 2; + } + } + .text-box { flex: 1; padding-right: 1.5rem; diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss index e1ae441..749cf0a 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss +++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss @@ -557,7 +557,7 @@ section.marketingheader{ height: fit-content; } } - } + } } } }