From 7978a503f8c2480be7d8307ef792d7feeea362da 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 17:03:08 +0200
Subject: [PATCH] [FIX] footer multiple people
---
.../_patterns/molecules/footer/footer-person-contact.mustache | 2 +-
main/styleguide/source/_patterns/organisms/footer.mustache | 3 ++-
main/templates/main/includes/layout/footer.html | 4 ++--
3 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/main/styleguide/source/_patterns/molecules/footer/footer-person-contact.mustache b/main/styleguide/source/_patterns/molecules/footer/footer-person-contact.mustache
index e98fad8f5..83a15521a 100644
--- a/main/styleguide/source/_patterns/molecules/footer/footer-person-contact.mustache
+++ b/main/styleguide/source/_patterns/molecules/footer/footer-person-contact.mustache
@@ -1,4 +1,4 @@
-<div class="flex space-x-2 mb-4 xl:mb-0">
+<div class="flex space-x-2 mb-4 xl:mr-4 xl:mb-0">
<div class="mr-5">
<img class="rounded-full shadow-sm w-16 mb-2" src="https://randomuser.me/api/portraits/women/26.jpg"
alt="user image">
diff --git a/main/styleguide/source/_patterns/organisms/footer.mustache b/main/styleguide/source/_patterns/organisms/footer.mustache
index 31f9f279c..9513c8701 100644
--- a/main/styleguide/source/_patterns/organisms/footer.mustache
+++ b/main/styleguide/source/_patterns/organisms/footer.mustache
@@ -149,7 +149,8 @@
</div>
<section class="bg-black py-8 xl:pb-36">
<div class="container--wide flex flex-col lg:flex-row lg:justify-between lg:items-end">
- <div class="mb-10 flex flex-col lg:flex-row lg:order-2 lg:mb-0">
+ <div class="mb-10 flex flex-col lg:flex-row lg:flex-wrap lg:order-2 lg:mb-0">
+ {{> molecules-footer-person-contact }}
{{> molecules-footer-person-contact }}
{{> molecules-footer-person-contact }}
</div>
diff --git a/main/templates/main/includes/layout/footer.html b/main/templates/main/includes/layout/footer.html
index 1ad964298..e1f1577c7 100644
--- a/main/templates/main/includes/layout/footer.html
+++ b/main/templates/main/includes/layout/footer.html
@@ -45,9 +45,9 @@
{% if page.root_page.footer_person_list %}
<section class="bg-black py-8 xl:pb-36">
<div class="container--wide flex flex-col lg:flex-row lg:justify-between lg:items-end">
- <div class="mb-10 flex flex-col lg:flex-row lg:order-2 lg:mb-0">
+ <div class="mb-10 flex flex-wrap flex-col lg:flex-row lg:flex-wrap lg:order-2 lg:mb-0">
{% for person in page.root_page.footer_person_list %}
- <div class="flex space-x-2 mb-4 xl:mb-0">
+ <div class="flex space-x-2 mb-4 xl:mr-4 xl:mb-0">
<div class="mr-5">
{% image person.value.person.profile_image fill-75x75 as person_profile_image %}
<img class="rounded-full shadow-sm w-16 mb-2" src="{{ person_profile_image.url }}"
--
GitLab