diff --git a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss index de084dd..7411a6e 100644 --- a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss +++ b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss @@ -1,4 +1,4 @@ -@import 'mixins'; +@use 'mixins' as *; .pictogram-topic-aeskulapstab:before { @include pictogram-aeskulapstab; } .pictogram-topic-anker:before { @include pictogram-anker; } diff --git a/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss b/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss index 6798b23..4b3e7e4 100644 --- a/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss +++ b/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss @@ -11,6 +11,7 @@ input[type="checkbox"], input[type="radio"] { position: relative; display: inline-block; vertical-align: top; + flex-shrink: 0; appearance: none; -webkit-appearance: none; background-color: var(--swatches-neutrals-white); diff --git a/gfi-ihk-2024/stories/components/gallery/gallery.js b/gfi-ihk-2024/stories/components/gallery/gallery.js index d80820f..009c01c 100644 --- a/gfi-ihk-2024/stories/components/gallery/gallery.js +++ b/gfi-ihk-2024/stories/components/gallery/gallery.js @@ -132,7 +132,7 @@ class IHKGallery { initLoading() { const imagesPerPage = this.section.data('per-page'); - const buttonWrapper = $('
').appendTo(this.section); + const buttonWrapper = $('').appendTo(this.section); const buttonText = window.ihk.translations.loadMoreImages; if (this.items.length > imagesPerPage) { this.moreButton = $('').text(buttonText).appendTo(buttonWrapper); diff --git a/gfi-ihk-2024/stories/components/gallery/gallery.scss b/gfi-ihk-2024/stories/components/gallery/gallery.scss index 407a03b..eea1506 100644 --- a/gfi-ihk-2024/stories/components/gallery/gallery.scss +++ b/gfi-ihk-2024/stories/components/gallery/gallery.scss @@ -258,6 +258,8 @@ .btn { margin: 40px 0 0; + background-color: var(--color-button-tertiary-background); + color: var(--color-button-tertiary-text); @media(max-width: 767px) { margin-top: 24px; diff --git a/gfi-ihk-2024/stories/components/login/LoginComponent.js b/gfi-ihk-2024/stories/components/login/LoginComponent.js index b83e88b..e6bf3d8 100644 --- a/gfi-ihk-2024/stories/components/login/LoginComponent.js +++ b/gfi-ihk-2024/stories/components/login/LoginComponent.js @@ -63,13 +63,15 @@ export const createLoginForm = ({ */ const buttonWrapper = createElement('div', ['btn-wrapper'], null, form); - buttonWrapper.appendChild(createButton({ + const submitBtn = createButton({ elementType: 'button', iconPosition: 'icon-right', label: 'Einloggen', icon: 'login', color: 'secondary', - })) + }); + submitBtn.classList.add('submit'); + buttonWrapper.appendChild(submitBtn); return form; } \ No newline at end of file diff --git a/gfi-ihk-2024/stories/components/login/login.scss b/gfi-ihk-2024/stories/components/login/login.scss index 4cf97c7..06b7949 100644 --- a/gfi-ihk-2024/stories/components/login/login.scss +++ b/gfi-ihk-2024/stories/components/login/login.scss @@ -36,6 +36,9 @@ max-width: 100%; flex: 1 1 100%; margin-top: 0.3em; + display: flex; + align-items: flex-start; + gap: 0.5em; } } } @@ -65,7 +68,7 @@ } &:before { - @include icon-login; + @include icon-login-flyout; font-size: 30px; line-height: 1; } diff --git a/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js b/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js index 05cd5d1..8dee874 100644 --- a/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js +++ b/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js @@ -11,7 +11,7 @@ const Template = ({...args}) => { export const LogoWall = Template.bind({}); LogoWall.args = { - kicker: 'WIRTSCHAFT VERBINDEN. ZUKUNFT GESTALTEN.', + kicker: 'Wirtschaft verbiinden. Zukunft gestalten.', headline: 'Starke Partner für eine starke Region', copy: 'Von Global Playern bis zu Hidden Champions - unsere Region steht für wirtschaftliche Vielfalt und Innovation. Als Ihre IHK vernetzen wir Unternehmen, fördern Kompetenzen und setzen uns für optimale Rahmenbedingungen ein.', logos: [ diff --git a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss index fc15c29..1689672 100644 --- a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss +++ b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss @@ -95,7 +95,7 @@ padding-left: 0; min-height: 0; + .btn{ - margin-left: 0; + margin-left: auto; } } } @@ -108,7 +108,7 @@ .btn{ background-color: transparent; border: 1px solid var(--color-button-primary-background); - margin-left: 0; + margin-left: auto; align-self: flex-end; display: inline-block; padding:8px 10px;