| @@ -7,9 +7,10 @@ | |||||
| border: 2px solid var(--theme-color-primary); | border: 2px solid var(--theme-color-primary); | ||||
| border-radius: 20px 20px 20px 0; | border-radius: 20px 20px 20px 0; | ||||
| font-weight: 400; | font-weight: 400; | ||||
| .headline { | |||||
| .headline, strong { | |||||
| padding-bottom: 10px; | padding-bottom: 10px; | ||||
| font-weight: 600; | font-weight: 600; | ||||
| display: inline-block; | |||||
| } | } | ||||
| &.partner { | &.partner { | ||||
| margin: 0 0 20px 50px; | margin: 0 0 20px 50px; | ||||
| @@ -17,3 +18,10 @@ | |||||
| border-radius: 20px 0 20px 20px; | border-radius: 20px 0 20px 20px; | ||||
| } | } | ||||
| } | } | ||||
| .interview-item-partner { | |||||
| @extend .interview-item; | |||||
| margin: 0 0 20px 50px; | |||||
| border-color: var(--theme-color-secondary); | |||||
| border-radius: 20px 0 20px 20px; | |||||
| } | |||||
| @@ -33,8 +33,8 @@ | |||||
| background-color: var(--theme-color-secondary-intensed); | background-color: var(--theme-color-secondary-intensed); | ||||
| } | } | ||||
| } | } | ||||
| .blue-box { | .blue-box { | ||||
| display: flex; | display: flex; | ||||
| //flex-direction: column; | //flex-direction: column; | ||||
| @@ -163,7 +163,7 @@ | |||||
| } | } | ||||
| .detail-box { | .detail-box { | ||||
| padding-top: 15px; | |||||
| padding-top: 15px; | |||||
| border-top: 1px #CCD7E6 solid; | border-top: 1px #CCD7E6 solid; | ||||
| .btn{ | .btn{ | ||||
| float: right; | float: right; | ||||
| @@ -177,7 +177,7 @@ | |||||
| margin-right: 15px; | margin-right: 15px; | ||||
| margin-bottom: 5px; | margin-bottom: 5px; | ||||
| color: var(--theme-color-primary); | color: var(--theme-color-primary); | ||||
| &::before { | &::before { | ||||
| position: relative; | position: relative; | ||||
| display: inline-block; | display: inline-block; | ||||
| @@ -236,7 +236,7 @@ | |||||
| } | } | ||||
| } | } | ||||
| &.widemode{ | &.widemode{ | ||||
| @media screen and (min-width:992px){ | @media screen and (min-width:992px){ | ||||
| border-radius: 4px; | border-radius: 4px; | ||||
| .blue-box{ | .blue-box{ | ||||
| @@ -265,4 +265,4 @@ | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| } | |||||
| } | |||||
| @@ -6,7 +6,7 @@ export const createFlockler = ({ | |||||
| backgroundColor = true, | backgroundColor = true, | ||||
| headline = 'Aktuelles aus Social Media', | headline = 'Aktuelles aus Social Media', | ||||
| }) => { | }) => { | ||||
| const flockler = createElement('div', ['flocker']); | |||||
| const flockler = createElement('div', ['flockler']); | |||||
| if (backgroundColor) { | if (backgroundColor) { | ||||
| flockler.classList.add('colored') | flockler.classList.add('colored') | ||||
| } | } | ||||
| @@ -1,4 +1,4 @@ | |||||
| .flocker { | |||||
| .flockler { | |||||
| margin-bottom: var(--section-margin); | margin-bottom: var(--section-margin); | ||||
| &.colored { | &.colored { | ||||
| @@ -15,9 +15,9 @@ | |||||
| } | } | ||||
| .has-sidebar { | .has-sidebar { | ||||
| .flocker { | |||||
| .flockler { | |||||
| &.colored { | &.colored { | ||||
| padding: var(--content-box-padding); | padding: var(--content-box-padding); | ||||
| } | } | ||||
| } | } | ||||
| } | |||||
| } | |||||
| @@ -186,7 +186,7 @@ class IHKGallery { | |||||
| item.find('a').removeAttr('tabindex'); | item.find('a').removeAttr('tabindex'); | ||||
| //newItems.push(item); | //newItems.push(item); | ||||
| } | } | ||||
| if ( this.moreButton && last == this.items.length) { | |||||
| if ( this.moreButton && last === this.items.length) { | |||||
| this.moreButton.hide(); | this.moreButton.hide(); | ||||
| } | } | ||||
| } | } | ||||
| @@ -213,7 +213,7 @@ class IHKGallery { | |||||
| imgElement.appendTo(slide); | imgElement.appendTo(slide); | ||||
| if (item.find('span').length > 0) { | if (item.find('span').length > 0) { | ||||
| $('<div class="text-box" />').appendTo(slide).append(item.find('span').clone()); | |||||
| $('<div class="text-box" />').appendTo(slide).append(item.find('span.image-description,span.copyright').clone()); | |||||
| } | } | ||||
| }) | }) | ||||
| @@ -1,5 +1,4 @@ | |||||
| import './event-teasers-large.scss'; | import './event-teasers-large.scss'; | ||||
| //import '../../components/mini-teaser/miniteaser.scss'; | |||||
| import {EventTeasersLargeData} from "./EventTeasersLargeData"; | import {EventTeasersLargeData} from "./EventTeasersLargeData"; | ||||
| import {createElement} from "../../_global/scripts/helpers"; | import {createElement} from "../../_global/scripts/helpers"; | ||||
| import {createButton} from "../../atoms/button/ButtonComponent"; | import {createButton} from "../../atoms/button/ButtonComponent"; | ||||
| @@ -31,6 +31,7 @@ export const createEventOverviewStage = ({ | |||||
| const tilesrow = createElement('div', ['row'], null, tilescontainer); | const tilesrow = createElement('div', ['row'], null, tilescontainer); | ||||
| const tilescol = createElement('div', ['col'], null, tilesrow); | const tilescol = createElement('div', ['col'], null, tilesrow); | ||||
| if (backgroundImage && backgroundImage.length > 0) { | if (backgroundImage && backgroundImage.length > 0) { | ||||
| //section.content('style=background: red;'); | |||||
| sectiondiv.style = 'background-image: url(' + backgroundImage + ');'; | sectiondiv.style = 'background-image: url(' + backgroundImage + ');'; | ||||
| sectiondiv.classList.add('background-image'); | sectiondiv.classList.add('background-image'); | ||||
| } | } | ||||