#2020

web/themes/custom/popsu/lib/script.js

@@ -493,4 +493,20 @@ if($(".page-node-type-projet").length > 0){
 // 	$(this).removeClass('hidden_text');
 // })
 
+
+// patch exode urbain partenaire // 
+if($(".programme-878").length > 0){
+	let title = $(".programme-878 .field_partenaires div").first()[0];
+	$(title).addClass("field_titre");
+	let paragraphe = $(".programme-878 .field_partenaires div")[1];
+	$(paragraphe).addClass("field_texte crop");
+
+	$(".field_partenaires").on("click",".field_titre", function(){
+		let e = $(this).parent().find(".field_texte");
+		$(e).toggleClass("crop");
+		$(this).toggleClass("rotate");
+
+	});
+}
+
 });

web/themes/custom/popsu/sass/pages/_programme.scss

@@ -38,39 +38,6 @@
 }
 .page-node-type-programme{
 
-    //spec pour partenaire programme exode 
-    .field_partenaires > div {
-        display: grid;
-        align-items: center;
-        justify-items: center;
-        // grid-template-columns: repeat(5 , 1fr);
-        grid-template-columns: repeat(4 , 1fr);
-        margin-top: 0.5rem;
-        .paragraph{
-            
-            .field_logo_partenaire{
-                div:first-child{
-                    display: none;
-                }
-                grid-column: 1;
-                grid-row: 1;
-                img{
-                    max-width: 80%;
-                }
-            }
-            .field_nom_partenaire{
-                display: none;
-                div:first-child{
-                    display: none;
-                }
-                grid-column: 2;
-                grid-row: 1;
-            }
-        }
-    }
-
-    //end spec 
-    
     &.programme-2,&.programme-3,&.programme-4{
         #programme_toc-block_5{
             display: none;
@@ -971,5 +938,83 @@
             }
         }
     }
+    .field_partenaires{
+        
+                
+                .field_titre{
+                    font-size: $font-big;
+                    font-weight: 600;
+                    text-transform: initial;
+                    cursor: pointer;
+                    display: grid;
+                    grid-template-columns: 95% 5%;
+                    align-content: center;
+                    border-bottom: 3px dotted gray;
+                    padding: 1rem 0;
+                }
+                
+                .field_titre:after{
+                    content: '▼';
+                    -webkit-transition: all 250ms ease;
+                    -moz-transition: all 250ms ease;
+                    -o-transition: all 250ms ease;
+                    transition: all 250ms ease;
+                    align-self: center;
+                    justify-self: center;
+                }
+                .rotate:after{
+                    transform: rotate(180deg);
+                    -webkit-transition: all 250ms ease;
+                    -moz-transition: all 250ms ease;
+                    -o-transition: all 250ms ease;
+                    transition: all 250ms ease;
+                }
+                .field_texte{
+                    height: auto;
+                    position: relative;
+                    h2{
+                        text-transform: inherit;
+                    }
+                    -webkit-transition: all 250ms ease;
+                    -moz-transition: all 250ms ease;
+                    -o-transition: all 250ms ease;
+                    transition: all 250ms ease;
+                }
+
+                .field_texte{
+                    display: grid;
+                    grid-template-columns: repeat(4, 1fr);
+                    grid-column-gap: 20px;
+                    margin-top: 1rem;
+                }
+                    .field_logo_partenaire{
+                        div:first-child{
+                            display: none;
+                        }
+                        grid-column: 1;
+                        grid-row: 1;
+                        img{
+                            max-width: 80%;
+                        }
+                    }
+                    .field_nom_partenaire{
+                        display: none;
+                        div:first-child{
+                            display: none;
+                        }
+                        grid-column: 2;
+                        grid-row: 1;
+                    }
+                
+                .crop{
+                    height: 0;
+                    overflow: hidden;
+                    display: none;
+                    -webkit-transition: all 250ms ease;
+                    -moz-transition: all 250ms ease;
+                    -o-transition: all 250ms ease;
+                    transition: all 250ms ease;
+                }
+    }
     
 }