From 416d183223ded1b0fc6813c48a6ff029bd05f786 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 22 Jun 2021 10:20:20 +0200
Subject: [PATCH] module valeurs/equipe

---
 user/themes/lecampus/css-compiled/theme.css   | 39 ++++++++++---
 user/themes/lecampus/scss/theme/_blog.scss    | 57 +++++++++++++------
 .../modular/section-valeurs-equipe.html.twig  |  2 +-
 .../templates/modular/valeurs.html.twig       | 10 ++--
 4 files changed, 76 insertions(+), 32 deletions(-)

diff --git a/user/themes/lecampus/css-compiled/theme.css b/user/themes/lecampus/css-compiled/theme.css
index 7b3e40d..5de0489 100644
--- a/user/themes/lecampus/css-compiled/theme.css
+++ b/user/themes/lecampus/css-compiled/theme.css
@@ -2980,13 +2980,38 @@ header nav.dropmenu > ul {
     transform: translate(-50%, -50%);
     width: 70%; }
 
-.module {
-  width: 75%;
+#module {
+  width: 60%;
   margin: auto;
-  padding-right: 10%; }
-  .module .valeurs {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+  padding-right: 4rem;
+  display: flex;
+  flex-direction: column; }
+  #module .titre-module {
+    font-family: "now_alt_bold";
+    font-weight: 400;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    padding-bottom: 2rem;
+    text-align: center;
+    color: #0093a3; }
+  #module .valeurs {
     display: flex;
-    flexdirection: row;
-    align-items: baseline; }
-    .module .valeurs .valeur {
+    flex-direction: row; }
+    #module .valeurs .valeur {
+      width: 33%;
+      display: flex;
+      flex-direction: column;
       padding: 10px; }
+      #module .valeurs .valeur .images_v {
+        width: 100%;
+        max-height: 10rem;
+        overflow: hidden; }
+        #module .valeurs .valeur .images_v img {
+          padding-bottom: 20px; }
+      #module .valeurs .valeur h5 {
+        padding-top: 20px;
+        padding-bottom: 5px;
+        font-family: "bold";
+        font-size: 1.3rem; }
diff --git a/user/themes/lecampus/scss/theme/_blog.scss b/user/themes/lecampus/scss/theme/_blog.scss
index 72047e7..9be14eb 100644
--- a/user/themes/lecampus/scss/theme/_blog.scss
+++ b/user/themes/lecampus/scss/theme/_blog.scss
@@ -1595,26 +1595,47 @@
     width: 70%;
   }
 }
-.titre-module{
-}
 
-.module {
-  width: 75%;
-  margin:auto;
-  padding-right: 10%;
-    .valeurs{
+
+#module{
+  width: 60%;
+  margin: auto;
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+  padding-right: 4rem;
+  display: flex;
+  flex-direction: column;
+  .titre-module{
+    font-family: "now_alt_bold";
+    font-weight: 400;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    padding-bottom: 2rem;
+    text-align: center;
+    color: #0093a3;
+  }
+  .valeurs{
+    display: flex;
+    flex-direction: row;
+    .valeur{
+      width:33%;
       display: flex;
-      flexdirection: row;
-      align-items: baseline;
-
-      .valeur{
-        // display: flex;
-        // flexdirection: column;
-        // align-items: baseline;
-
-        padding: 10px;
-
+      flex-direction: column;
+      padding: 10px;
+      .images_v{
+        width:100%;
+        max-height: 10rem;
+        overflow: hidden;
+        img{
+          padding-bottom: 20px;
+        }
+      }
+      h5{
+        padding-top: 20px;
+        padding-bottom: 5px;
+        font-family: "bold";
+        font-size: 1.3rem;
       }
     }
-
+  }
 }
diff --git a/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig b/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig
index f9d351b..385ce82 100644
--- a/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig
+++ b/user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig
@@ -2,7 +2,7 @@
 
 
 {% for module in page.collection() %}
-    <div id="{{ _self.pageLinkName(module.menu) }}">
+    <div id="module{{ _self.pageLinkName(module.menu) }}">
           {{ module.content|raw }}
     </div>
 
diff --git a/user/themes/lecampus/templates/modular/valeurs.html.twig b/user/themes/lecampus/templates/modular/valeurs.html.twig
index 379d280..3ff5573 100644
--- a/user/themes/lecampus/templates/modular/valeurs.html.twig
+++ b/user/themes/lecampus/templates/modular/valeurs.html.twig
@@ -1,20 +1,19 @@
 
 <div class="titre-module">{{page.title}}</div>
 
-<div class="valeurs {{ page.header.class}}">
+<div class="valeurs{{ page.header.class}}">
     {{ content|raw }}
 
 
     {% for valeur in page.header.valeurs %}
 
       <div class="valeur">
+          <div class="images_v">
 
-            <!-- <div class="photo"> -->
               {% if valeur.image %}
                 <img src="{{page.media[valeur.image].url|e }}" alt="photo de {{valeur.titre}}" />
               {% endif %}
-            <!-- </div>
-            <div class="title"> -->
+          </div>
                 {% if valeur.titre %}
                 <h5>{{ valeur.titre }}</h5>
                 {% endif %}
@@ -22,8 +21,7 @@
                 {% if valeur.texte %}
                 <p>{{ valeur.texte|markdown }} </p>
                 {% endif %}
-<!--
-            </div> -->
+
 
 
       </div>