From 16117309f3c6d7fc9e26ec56de933237406ce0f4 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 8 Apr 2021 22:35:27 +0200
Subject: [PATCH] =?UTF-8?q?image=20carr=C3=A9es=20pour=20photo=20portrait?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../epau-antimatter/css-compiled/template.css | 18 +++++++--------
 .../scss/template/_custom.scss                | 22 +++++++++++++------
 .../templates/modular/personnes.html.twig     |  2 +-
 3 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css
index 139dfc1..50f2785 100644
--- a/user/themes/epau-antimatter/css-compiled/template.css
+++ b/user/themes/epau-antimatter/css-compiled/template.css
@@ -922,7 +922,7 @@ ul.pagination {
     display: flex !important;
     flex-direction: row;
     flex-wrap: wrap;
-    width: 65%;
+    width: 54%;
     margin: auto; }
     .mozaique_personnes .equipe h3 {
       padding-top: 3rem;
@@ -942,14 +942,14 @@ ul.pagination {
         display: flex;
         flex-direction: row;
         justify-content: flex-end;
-        max-width: 30rem; }
-        .mozaique_personnes .equipe .personne .mozaique .portrait {
-          min-width: 10rem;
-          min-height: 10rem;
-          background: red !important; }
-          .mozaique_personnes .equipe .personne .mozaique .portrait img {
-            max-width: 5rem !important;
-            max-height: 5rem !important; }
+        max-width: 30rem;
+        min-width: 30rem; }
+        .mozaique_personnes .equipe .personne .mozaique .photo {
+          overflow: hidden;
+          width: 15rem !important;
+          height: 15rem !important; }
+          .mozaique_personnes .equipe .personne .mozaique .photo img {
+            width: 100%; }
         .mozaique_personnes .equipe .personne .mozaique .info {
           background-color: #fff;
           display: flex;
diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss
index 0ec96c4..a7b403c 100644
--- a/user/themes/epau-antimatter/scss/template/_custom.scss
+++ b/user/themes/epau-antimatter/scss/template/_custom.scss
@@ -358,7 +358,8 @@
     flex-wrap: wrap;
     // margin-left: 15%;
     // padding-right: 15%;
-    width: 65%;
+    width: 54%;
+
     margin: auto;
     // justify-items: center;
 
@@ -391,17 +392,24 @@
 
         justify-content: flex-end;
         max-width: 30rem;
+        min-width: 30rem;
 
-        .portrait {
-          min-width: 10rem;
-          min-height: 10rem;
+        .photo {
+          // min-width: 10rem;
+          // min-height: 10rem;
 
           // max-width:50% !important;
-          background: red !important;
+          overflow: hidden;
+          width: 15rem !important;
+          height: 15rem !important;
+          // object-fit: cover;
 
           img {
-              max-width: 5rem !important;
-              max-height: 5rem !important;
+              // maxwidth: 15rem !important;
+              // height: 15rem !important;
+              // background-size: cover;
+              width: 100%;
+
           }
 
         }
diff --git a/user/themes/epau-antimatter/templates/modular/personnes.html.twig b/user/themes/epau-antimatter/templates/modular/personnes.html.twig
index 4c47a77..2e00ee5 100644
--- a/user/themes/epau-antimatter/templates/modular/personnes.html.twig
+++ b/user/themes/epau-antimatter/templates/modular/personnes.html.twig
@@ -9,7 +9,7 @@
       <!-- {{ dump(personne) }} -->
       <div class="personne">
         <div class="mozaique">
-            <div class="portait">
+            <div class="photo">
               {% if personne.portrait %}
                 <img src="{{page.media[personne.portrait].url|e }}" alt="photo de {{personne.nom}}" />
               {% endif %}