From 0d3aa9b3657d18022dc6f1bc94c14edd74ea97fb Mon Sep 17 00:00:00 2001 From: FlorianEisenmenger Date: Wed, 3 Dec 2025 15:06:25 +0100 Subject: [PATCH] fixes --- .../components/infobox/Infobox.stories.js | 28 +++++++++---------- .../components/infobox/InfoboxComponent.js | 4 ++- .../stories/components/infobox/infobox.scss | 24 ++++++++++------ .../testimonial/TestimonialComponent.js | 8 +++--- .../components/testimonial/testimonial.js | 6 ++-- .../components/testimonial/testimonial.scss | 13 +++++---- .../stories/pages/tile-grid/TileGridPage.js | 2 +- .../sections/superlist/SuperlistComponent.js | 2 +- .../stories/sections/superlist/superlist.scss | 5 ++-- .../TileGridWood.stories.js} | 0 .../TileGridWoodComponent.js} | 0 .../TileGridWoodData.js} | 0 .../tile-grid-wood.js} | 0 .../tile-grid-wood.scss} | 0 14 files changed, 51 insertions(+), 41 deletions(-) rename gfi-ihk-2024/stories/sections/{tile-grid/TileGrid.stories.js => tile-grid-wood/TileGridWood.stories.js} (100%) rename gfi-ihk-2024/stories/sections/{tile-grid/TileGridComponent.js => tile-grid-wood/TileGridWoodComponent.js} (100%) rename gfi-ihk-2024/stories/sections/{tile-grid/TileGridData.js => tile-grid-wood/TileGridWoodData.js} (100%) rename gfi-ihk-2024/stories/sections/{tile-grid/tile-grid.js => tile-grid-wood/tile-grid-wood.js} (100%) rename gfi-ihk-2024/stories/sections/{tile-grid/tile-grid.scss => tile-grid-wood/tile-grid-wood.scss} (100%) diff --git a/gfi-ihk-2024/stories/components/infobox/Infobox.stories.js b/gfi-ihk-2024/stories/components/infobox/Infobox.stories.js index 451a965..7e6abc7 100644 --- a/gfi-ihk-2024/stories/components/infobox/Infobox.stories.js +++ b/gfi-ihk-2024/stories/components/infobox/Infobox.stories.js @@ -35,17 +35,17 @@ Secondary.args = { full: true, }; -export const Warning = Template.bind({}); -Warning.args = { - type: 'warning', -}; - -export const Error = Template.bind({}); -Error.args = { - type: 'error', -}; - -export const Success = Template.bind({}); -Success.args = { - type: 'success', -}; \ No newline at end of file +// export const Warning = Template.bind({}); +// Warning.args = { +// type: 'warning', +// }; +// +// export const Error = Template.bind({}); +// Error.args = { +// type: 'error', +// }; +// +// export const Success = Template.bind({}); +// Success.args = { +// type: 'success', +// }; \ No newline at end of file diff --git a/gfi-ihk-2024/stories/components/infobox/InfoboxComponent.js b/gfi-ihk-2024/stories/components/infobox/InfoboxComponent.js index df08f06..006365f 100644 --- a/gfi-ihk-2024/stories/components/infobox/InfoboxComponent.js +++ b/gfi-ihk-2024/stories/components/infobox/InfoboxComponent.js @@ -28,7 +28,9 @@ export const createInfobox = const olEl = createElement('ol', [], null, content); createElement('li', [], ol, olEl); - content.appendChild(createBlockquote({})); + content.appendChild(createBlockquote({ + author: '' + })); let button; if (type === 'secondary') { diff --git a/gfi-ihk-2024/stories/components/infobox/infobox.scss b/gfi-ihk-2024/stories/components/infobox/infobox.scss index 1d9a5db..cbe7e80 100644 --- a/gfi-ihk-2024/stories/components/infobox/infobox.scss +++ b/gfi-ihk-2024/stories/components/infobox/infobox.scss @@ -1,20 +1,25 @@ @import '../../_global/styles/mixins'; @import '../../_global/styles/vars'; -.infobox, -.richtext div.strong, -article.col div.strong { - position: relative; + +.infobox { display: flex; justify-content: space-between; align-items: flex-start; gap: 60px; +} + +.infobox, +.richtext div.strong, +article.col div.strong { + position: relative; margin: calc(3% + 26px) 0; background-color: var(--theme-color-secondary-dimmed); padding: var(--content-box-padding); - border-top-left-radius: calc(4 * (var(--border-radius-xs))); - border-top-right-radius: calc(4 * (var(--border-radius-xs))); + border-radius: calc(4 * (var(--border-radius-xs))); + overflow: hidden; @media (max-width: 767px) { + border-radius: calc(2 * (var(--border-radius-xs))); padding-top: calc(2 * var(--content-box-padding)); padding-bottom: calc(2 * var(--content-box-padding)); } @@ -27,9 +32,7 @@ article.col div.strong { background: var(--theme-color-secondary); position: absolute; left: 0; - bottom: calc(-1 * var(--border-width)); - border-bottom-left-radius: calc(4 * (var(--border-radius-xs))); - border-bottom-right-radius: calc(4 * (var(--border-radius-xs))); + bottom: 0; } &.success { @@ -61,6 +64,9 @@ article.col div.strong { blockquote { border-left-color: var(--theme-color-primary); } + .icon-box { + color: var(--theme-color-primary); + } } > *:first-child { diff --git a/gfi-ihk-2024/stories/components/testimonial/TestimonialComponent.js b/gfi-ihk-2024/stories/components/testimonial/TestimonialComponent.js index 85efc52..56ac85b 100644 --- a/gfi-ihk-2024/stories/components/testimonial/TestimonialComponent.js +++ b/gfi-ihk-2024/stories/components/testimonial/TestimonialComponent.js @@ -15,7 +15,7 @@ export const createTestimonial = let output; let div; if (article === true) { - output = createElement('div', ['has-sidebar'], null); + output = createElement('div', ['small-quote'], null); div = createElement('div', ['image-text', 'is-blockquote'], null, output); } else { div = createElement('div', ['image-text', 'is-blockquote'], null); @@ -25,11 +25,11 @@ export const createTestimonial = createImage(image, 1280, 1280, '', [], div2); const blockquote = createElement('blockquote', [], null, div3); - createElement('p', [], text, blockquote); + createElement('div', ['text'], text, blockquote); const div4 = createElement('div', ['author-text'], null, blockquote); const div5 = createElement('div', ['author-text--inner'], null, div4); - createElement('p', ['author'], author, div5); - createElement('p', ['author-subline'], subline, div5); + createElement('div', ['text', 'author'], author, div5); + createElement('div', ['text', 'author-subline'], subline, div5); if (article === true) { console.log(article); diff --git a/gfi-ihk-2024/stories/components/testimonial/testimonial.js b/gfi-ihk-2024/stories/components/testimonial/testimonial.js index f534563..11f8881 100644 --- a/gfi-ihk-2024/stories/components/testimonial/testimonial.js +++ b/gfi-ihk-2024/stories/components/testimonial/testimonial.js @@ -1,10 +1,10 @@ import $ from 'jquery'; function moveTestimonialImage() { - $('.has-sidebar .image-text').each(function () { + $('.small-quote .image-text').each(function () { var $container = $(this); var $image = $container.children('.image-text--image'); - var $firstParagraph = $container.find('.image-text--text blockquote > p:first-child'); + var $firstParagraph = $container.find('.image-text--text blockquote > div:first-child'); if ($image.length === 0) return; @@ -28,4 +28,4 @@ $(document).ready(function () { moveTestimonialImage(); }); -$(window).on('resize', moveTestimonialImage); \ No newline at end of file +$(window).on('resize', moveTestimonialImage); diff --git a/gfi-ihk-2024/stories/components/testimonial/testimonial.scss b/gfi-ihk-2024/stories/components/testimonial/testimonial.scss index 708c7c8..74f6249 100644 --- a/gfi-ihk-2024/stories/components/testimonial/testimonial.scss +++ b/gfi-ihk-2024/stories/components/testimonial/testimonial.scss @@ -22,7 +22,7 @@ @media(min-width: 1110px) { font-size: 42px; } - + p { + + .text { font-size: 18px; @media(min-width: 768px) { font-size: 22px; @@ -73,15 +73,16 @@ border-left: 0; font-style: normal; font-weight: 300; - margin: calc(var(--section-margin)*.6) 0; + margin: 116px 0 0 0; padding: 0 20px 0 40px; @media(max-width: 767px) { + margin-top: calc(var(--section-margin)*.6); padding: 0; } - p { + .text { font-size: var(--font-size-h2); line-height: 1.2; - &:not(.author, .author-subline) { + &:not(.author):not(.author-subline) { font-family: "Korb", sans-serif; position: relative; &:before { @@ -174,7 +175,7 @@ } } -.has-sidebar { +.small-quote { .image-text { &.is-blockquote { .image-text--image { @@ -199,7 +200,7 @@ width: auto; } blockquote { - p:not(.author, .author-subline) { + .test:not(.author):not(.author-subline) { margin-left: -40px; padding-bottom: 65px; padding-left: 30px; diff --git a/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js b/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js index 5e45e63..9b329a3 100644 --- a/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js +++ b/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js @@ -2,7 +2,7 @@ import {createElement} from "../../_global/scripts/helpers"; import {createHeader} from "../../components/header/HeaderComponent"; import {createMagazineCover} from "../../components/magazine-cover/MagazineCoverComponent"; import {createMagazineArticle} from "../../components/magazine-article/MagazineArticleComponent"; -import {createTileGrid} from "../../sections/tile-grid/TileGridComponent"; +import {createTileGrid} from "../../sections/tile-grid-wood/TileGridWoodComponent"; import {createFooter} from "../../components/footer/FooterComponent"; import {lorem1, lorem2} from "../../_global/scripts/lorem"; diff --git a/gfi-ihk-2024/stories/sections/superlist/SuperlistComponent.js b/gfi-ihk-2024/stories/sections/superlist/SuperlistComponent.js index 7767876..31913f0 100644 --- a/gfi-ihk-2024/stories/sections/superlist/SuperlistComponent.js +++ b/gfi-ihk-2024/stories/sections/superlist/SuperlistComponent.js @@ -11,7 +11,7 @@ export const createSuperlistSection = ({ centered = false, }) => { const section = createElement('section', centered ? ['superlist', 'centered'] : ['superlist']); - const container = createElement('div', ['container'], null, section); + const container = createElement('div', ['list-container'], null, section); createElement('p', ['kicker'], kicker, container); createElement('h2', [], headline, container); createElement('p', [], paragraph, container); diff --git a/gfi-ihk-2024/stories/sections/superlist/superlist.scss b/gfi-ihk-2024/stories/sections/superlist/superlist.scss index 8e108d1..d9b9ce7 100644 --- a/gfi-ihk-2024/stories/sections/superlist/superlist.scss +++ b/gfi-ihk-2024/stories/sections/superlist/superlist.scss @@ -18,7 +18,8 @@ padding-top: 60px; padding-bottom: 60px; } - .container { + .list-container { + padding: 0 var(--content-box-padding); .button-container { display: flex; @@ -41,4 +42,4 @@ padding-bottom: 40px; } } -} \ No newline at end of file +} diff --git a/gfi-ihk-2024/stories/sections/tile-grid/TileGrid.stories.js b/gfi-ihk-2024/stories/sections/tile-grid-wood/TileGridWood.stories.js similarity index 100% rename from gfi-ihk-2024/stories/sections/tile-grid/TileGrid.stories.js rename to gfi-ihk-2024/stories/sections/tile-grid-wood/TileGridWood.stories.js diff --git a/gfi-ihk-2024/stories/sections/tile-grid/TileGridComponent.js b/gfi-ihk-2024/stories/sections/tile-grid-wood/TileGridWoodComponent.js similarity index 100% rename from gfi-ihk-2024/stories/sections/tile-grid/TileGridComponent.js rename to gfi-ihk-2024/stories/sections/tile-grid-wood/TileGridWoodComponent.js diff --git a/gfi-ihk-2024/stories/sections/tile-grid/TileGridData.js b/gfi-ihk-2024/stories/sections/tile-grid-wood/TileGridWoodData.js similarity index 100% rename from gfi-ihk-2024/stories/sections/tile-grid/TileGridData.js rename to gfi-ihk-2024/stories/sections/tile-grid-wood/TileGridWoodData.js diff --git a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.js b/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.js similarity index 100% rename from gfi-ihk-2024/stories/sections/tile-grid/tile-grid.js rename to gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.js diff --git a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss b/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss similarity index 100% rename from gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss rename to gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss