diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/small_newsletter_section.html b/majak_uistyleguide/templates/patterns/organisms/main_section/small_newsletter_section.html index 00b88fd122129976cb21df3c4166e725a4d8302f..f4cc7f8e900e177e9cc09d6ef8d1d7e20a8b22da 100644 --- a/majak_uistyleguide/templates/patterns/organisms/main_section/small_newsletter_section.html +++ b/majak_uistyleguide/templates/patterns/organisms/main_section/small_newsletter_section.html @@ -1,5 +1,5 @@ <div - class="newsletter-section" + class="newsletter-section newsletter-section--small" style="background-image:url('../../../../../static/images/background-images/bg-newsletter.webp')" > <div class="container--medium py-16"> diff --git a/src/css/organisms/newsletter.pcss b/src/css/organisms/newsletter.pcss index 0a92b2692177a19b34464d1058c38d360a05d12d..f25366f73417a72b3f49379299d71d5857336785 100644 --- a/src/css/organisms/newsletter.pcss +++ b/src/css/organisms/newsletter.pcss @@ -1,7 +1,9 @@ .newsletter-section { @apply bg-cover bg-no-repeat; - background-position: -400px; + &:not(.newsletter-section--small) { + background-position: -400px; + } @screen md { background-position: left top; diff --git a/src/js/components/card_program/CardProgram.vue b/src/js/components/card_program/CardProgram.vue index def9fd542c870f079660b9e23d85dc8f549b6acb..8bb5ca064e187cc69001811872406162b80c6cd5 100644 --- a/src/js/components/card_program/CardProgram.vue +++ b/src/js/components/card_program/CardProgram.vue @@ -31,7 +31,7 @@ :title="point.title" :renderedContent="point.renderedContent" :points="point.points" - :openPointBackgroundClass="point.openPointBackgroundClass" + :openPointBackgroundClass="openPointBackgroundClass" /> </ul> </div> diff --git a/src/js/components/card_program/CardProgramItem.vue b/src/js/components/card_program/CardProgramItem.vue index 21c0d3b33e2d48c1c1ee8e53e708dc508b8ceca3..4b8da698b1015659f1bfe631132c6e45e7a215f7 100644 --- a/src/js/components/card_program/CardProgramItem.vue +++ b/src/js/components/card_program/CardProgramItem.vue @@ -101,7 +101,7 @@ <script> export default { name: "CardProgramItem", - props: ["slug", "title", "number", "renderedContent", "points", "defaultIsOpen"], + props: ["slug", "title", "number", "renderedContent", "points", "defaultIsOpen", "openPointBackgroundClass"], data () { return { isOpen: this.defaultIsOpen