From f1b9e7ccb8c3c9a04d3bf1ac2635f2b731a6b76a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0t=C4=9Bp=C3=A1n=20Farka?= <stepanfarka11@gmail.com> Date: Tue, 30 Aug 2022 14:48:46 +0200 Subject: [PATCH] [FIX] min height --- .../organisms/box-links-section.mustache | 2 +- .../organisms/newsletter-section.mustache | 2 +- .../representatives-section.mustache | 20 ++++++++++--------- main/templates/main/blocks/boxes_block.html | 2 +- .../main/blocks/people_overview_block.html | 2 +- .../main/includes/newsletter_section.html | 2 +- 6 files changed, 16 insertions(+), 14 deletions(-) diff --git a/main/styleguide/source/_patterns/organisms/box-links-section.mustache b/main/styleguide/source/_patterns/organisms/box-links-section.mustache index 73216944f..7e40cb3b8 100644 --- a/main/styleguide/source/_patterns/organisms/box-links-section.mustache +++ b/main/styleguide/source/_patterns/organisms/box-links-section.mustache @@ -1,4 +1,4 @@ -<div class="bg-cover bg-no-repeat section-clip py-16 xl:h-screen lg:py-36" +<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36" style="background-image: url('../../images/background-images/bg-join-us.jpg')"> <div class="container--wide mx-auto z-10"> <h2 class="head-7xl xl:text-center mb-6 xl:mb-28"> diff --git a/main/styleguide/source/_patterns/organisms/newsletter-section.mustache b/main/styleguide/source/_patterns/organisms/newsletter-section.mustache index 9ce82e9d2..afad100b8 100644 --- a/main/styleguide/source/_patterns/organisms/newsletter-section.mustache +++ b/main/styleguide/source/_patterns/organisms/newsletter-section.mustache @@ -1,4 +1,4 @@ -<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:h-screen relative z-10"> +<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:min-h-screen relative z-10"> <img src="../../images/background-images/bg-bartos-newsletter.jpg" alt="" class="absolute h-full w-full object-cover"> <div class="grid-container mt-20 xl:mt-0 xl:items-center z-10"> <div class="grid-full newsletter-grid"> diff --git a/main/styleguide/source/_patterns/organisms/representatives-section.mustache b/main/styleguide/source/_patterns/organisms/representatives-section.mustache index 3589a2ea6..a3ce163b9 100644 --- a/main/styleguide/source/_patterns/organisms/representatives-section.mustache +++ b/main/styleguide/source/_patterns/organisms/representatives-section.mustache @@ -1,11 +1,13 @@ -<div class="container--medium mb-8 xl:h-screen flex flex-col justify-center lg:mb-16"> - <h2 class="head-7xl xl:text-center mb-6 xl:mb-28"> - Piráti zastupují občany - </h2> - <div class="flex flex-wrap space-x-1 justify-center gap-2 md:gap-1 items-center"> - {{> molecules-representative-box }} - {{> molecules-representative-box }} - {{> molecules-representative-box }} - {{> molecules-representative-box }} +<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36"> + <div class="container--wide mx-auto z-10"> + <h2 class="head-7xl xl:text-center mb-6 xl:mb-28"> + Piráti zastupují občany + </h2> + <div class="flex flex-wrap gap-2 md:gap-1 justify-center items-center md:flex-row"> + {{> molecules-representative-box }} + {{> molecules-representative-box }} + {{> molecules-representative-box }} + {{> molecules-representative-box }} + </div> </div> </div> diff --git a/main/templates/main/blocks/boxes_block.html b/main/templates/main/blocks/boxes_block.html index 638b941a8..2facaba34 100644 --- a/main/templates/main/blocks/boxes_block.html +++ b/main/templates/main/blocks/boxes_block.html @@ -1,6 +1,6 @@ {% load static wagtailimages_tags %} -<div class="bg-cover bg-no-repeat section-clip py-16 xl:h-screen lg:py-36" +<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36" style="background-image: {% if self.image %} {% image self.image original as original_image %} diff --git a/main/templates/main/blocks/people_overview_block.html b/main/templates/main/blocks/people_overview_block.html index 322d84c82..f6305d7b4 100644 --- a/main/templates/main/blocks/people_overview_block.html +++ b/main/templates/main/blocks/people_overview_block.html @@ -1,6 +1,6 @@ {% load wagtailimages_tags %} -<div class="container--medium mb-8 xl:h-screen flex flex-col justify-center lg:mb-16"> +<div class="container--medium mb-8 xl:min-h-screen flex flex-col justify-center lg:mb-16"> <h2 class="head-7xl xl:text-center mb-6 xl:mb-28"> {{ self.title }} </h2> diff --git a/main/templates/main/includes/newsletter_section.html b/main/templates/main/includes/newsletter_section.html index 82dddf362..ffca9ac21 100644 --- a/main/templates/main/includes/newsletter_section.html +++ b/main/templates/main/includes/newsletter_section.html @@ -1,6 +1,6 @@ {% load static %} -<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:h-screen relative z-10"> +<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:min-h-screen relative z-10"> <img src="{% static 'main/images/background-images/bg-bartos-newsletter.jpg' %}" alt="" class="absolute h-full w-full object-cover"> <div class="grid-container mt-20 xl:mt-0 xl:items-center z-10"> <div class="grid-full newsletter-grid"> -- GitLab