detail css

web/themes/custom/popsu_colloque/template/node/node--moments.html.twig

@@ -71,25 +71,29 @@
  *
  * @ingroup themeable
  */
+
 #}
-<article{{ attributes }} class="d-flex flex-wrap">
+
+
+
+<article{{ attributes }} class="row">
   <div class="__wrapper col-sm-12 col-md-9">
     <div class="__img-hero">
       {{content.field_image}}
     </div>
 
-    <div class="__wrapper row mt-4">
-      <div class="__title col-12 mb-5">
+    <div class="__wrapper row">
+      <div class="__title col-12 my-3 my-lg-5">
         <h2>{{label}}</h2>
       </div>
 
-      <div class="__wrap_side col-sm-12 col-md-1 px-0 mt-3">
-        {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
+      <div class="__wrap_side col-md-12 col-lg-2 mt-3">
+        {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' with { page : 'moments' } %}
       </div>
 
-      <div class="__wrap_content col-sm-12 col-md-11 px-0 my-3">
+      <div class="__wrap_content col-12 col-lg-10 my-3">
         <div class="__head mb-5">
-          <div class="d-flex">
+          <div class="d-flex flex-wrap">
             {{ content.field_date_du_programme }} |
             {{ content.field_heure_du_moment }} |
             {{ content.field_type_de_moment }}
@@ -102,13 +106,14 @@
       </div>
     </div>
 
+
     <div class="__ressources">
-      <div class="__publications">
+      <section class="__publications">
         {{content.field_publications}}
-      </div>
-      <div class="__bibliographie">
+      </section>
+      <section class="__bibliographie">
         {{content.field_bibliographie}}
-      </div>
+      </section>
     </div>
   </div>
   <div class="__wrap_side col-sm-12 col-md-3">

web/themes/custom/popsu_colloque/template/node/node--participants--full.html.twig

@@ -89,7 +89,7 @@
     </figure>
   </div>
 
-  <div class="__wrap_content col-sm-12 col-md-9 mx-auto">
+  <div class="__wrap_content col-md-12 col-lg-9 mx-auto">
     <div class="content">
       {{content.body}}
     </div>

web/themes/custom/popsu_colloque/template/node/node--presentation.html.twig

@@ -81,7 +81,7 @@
   </div>
   <div class="__wrapper row mt-5">
     <div class="__wrap_side col-sm-12 col-md-1 pr-0 mt-0 mb-3">
-      {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
+      {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' with { page : 'presentation' }  %}
     </div>
     <div class="__wrap_content col-sm-12 col-md-8">
       {{content.body}}

web/themes/custom/popsu_colloque/template/node/node--publications--full.html.twig

@@ -72,13 +72,13 @@
  * @ingroup themeable
  */
 #}
-<article class="d-flex">
-  <div class="__wrap_side col-sm-12 col-md-1 px-0 mt-3">
+<article class="d-sm-flex flex-wrap d-block publications">
+  <div class="__wrap_side col-sm-12 col-md-12 col-lg-1">
     {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
     {{content.field_telecharger_la_ressource}}
   </div>
 
-  <div class="__wrapper col-sm-12 col-md-11 px-0 my-3">
+  <div class="__wrapper col-sm-12 col-md-9 col-lg-8">
     {% if content.field_ajouter_un_media[0]['#paragraph'].field_video %}
       <div class="__hero">
         {{content.field_ajouter_un_media}}
@@ -95,10 +95,10 @@
           <div class="__auteur">
             {{content.field_auteur}}
           </div>
-          <div>
+          <div class="__titre">
             {{label}}
           </div>
-          <div class="my-3">
+          <div class="__info">
             {{content.field_complement_d_info}}
           </div>
         </div>
@@ -108,5 +108,3 @@
       </div>
     </div>
   </div>
-
-</article>

web/themes/custom/popsu_colloque/template/node/node--thumbnails-bilbiographie.html.twig

@@ -72,7 +72,7 @@
  * @ingroup themeable
  */
 #}
-<article{{ attributes }}>
+<article{{ attributes }} class="thumbnails bibliographie">
 <div>
   <a href="{{url}}">
   <div>

web/themes/custom/popsu_colloque/template/node/node--thumbnails-publications.html.twig

@@ -72,18 +72,20 @@
  * @ingroup themeable
  */
 #}
-<article{{ attributes }}>
+<article{{ attributes }} class=" thumbnails publications">
   <div{{ content_attributes }}>
     <a href="{{ url }}">
-      <figure class="d-flex">
+      <div class="d-flex">
         <div class="__media">
           {{content.field_ajouter_un_media}}
         </div>
-        <figcaption class="__info">
-          {{ label|raw }}
-          {{content.field_complement_d_info|raw}}
-        </figcaption>
-      </figure>
+        <div class="__wrap">
+          <div class="__content">
+            {{ label|raw }}
+            {{content.field_complement_d_info|raw}}
+          </div>
+        </div>
+      </div>
     </a>
   </div>
 </article>