#1574

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

@@ -240,7 +240,12 @@ $(function(){
 
 if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").length > 0 || $(".page-node-type-theme").length > 0){
 
-
+	$(".field_ressources_liees article").each(function(){
+		let title = $(this).find("h2").clone();
+		$(this).find("h2").remove();
+		$(this).find("div").first().append(title);
+		
+	})
 
 	$('.views-element-container header').click(function(){
 		$(this).parent().find(".view-grouping").fadeToggle();

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

@@ -367,7 +367,7 @@
             text-transform: initial;
             margin-top: 1rem;
             padding: .4rem 0;
-            border-top: 3px dotted gray;
+            border-bottom: 3px dotted gray;
 
             cursor: pointer;
             display: grid;
@@ -660,63 +660,89 @@
         }
     }
     #node\:field_ressources_liees{
-        h2{
-            text-align: center;
-        }
+        // h2{
+        //     text-align: center;
+        // }
         article{
-            background: white;
-            margin: 1rem;
-        padding: 1rem;
             a{
                 text-decoration: none;
             }
-            display:grid !important;
-            grid-template-columns: 1fr 1fr;
+            // display:grid !important;
+            // grid-template-columns: 1fr 1fr;
             h2{
-                grid-column: 1 / span 2;
-                grid-row: 2;
+                grid-column: 2;
+                grid-row: 1;
                 text-align:left;
             }
-            .field_image{
-                padding-bottom: 100%;
+            &>div{
+                display: grid !important;
+                grid-template-columns: 1fr 1fr;
+                align-items: center;
+                background: #fff;
                 position: relative;
-                a{
-                    position: absolute;
-                    height: 100%;
-                    width: 100%;
-                    img{
-                        width: 100%;
-                        height: 100%;
-                        object-fit: contain;
-                    }
-                }
-            }
-            .field_programme{
-                grid-row:1;
-                margin-top: -1.8rem;
-                margin-bottom: .5rem;
-                z-index: 8;
-                &>div{
-                    
-                    display: inline-block;
-                    width: auto;
-				    padding: .3rem .5rem;
-                    a{
-                        font-weight: 600;
-                        color: white;
-                    }
-                }
+                height: auto;
+                padding: 1rem;
+                background-clip: content-box;
             }
+            
             .field_type_de_ressource{
-                grid-row: 3;
+                
+                grid-column: 2;
             }
             .field_sous_titre{
-                grid-row: 4;
-            }
-            &>div{
-                display: grid;
-                grid-column: 1 / span 2 ;
+                
+                grid-column: 2;
             }
+
+            ///////
+        .field_image{
+			grid-row: 2 / span 3;
+			// margin-top: -1.5rem;
+			z-index: 0;	
+			padding: .5rem;
+		}
+        div{
+            margin-bottom: .5rem;
+        }
+	
+		h2{
+			font-weight: 400;
+			grid-row: 3 / span 1;
+			grid-column: 2;
+			font-style: italic;
+			
+            text-transform: none;
+            
+		}
+        .field_type_de_ressource{
+            font-weight: 400;
+        }
+        .field_sous_titre{
+            grid-row: 4 / span 1;
+        }
+		.field_programme{
+			&>div{
+				display: inline-block;
+				width: auto;
+				padding: .3rem .5rem;
+				
+			}
+
+			padding-left: .5rem !important;
+			grid-row: 1 / span 1;
+			grid-column: 1 / span 2;
+			text-transform: uppercase;
+			margin-top: -.5rem;
+			&>div{
+				font-weight: 600;
+				display: inline-block;
+				width: auto;
+				color: white;
+				padding: .02rem .3rem;
+				// margin-bottom: 1rem;
+			}
+		}
+           
         }
     }
 }

web/themes/custom/popsu/sass/setup/_globals.scss

@@ -10,7 +10,7 @@ body{
 				color: $col-1;
 			}
 			article{
-				h2,h3,h4,h5,h6,.field_titre{
+				h2,h3,h4,h5,h6,.field_titre,.field_type_de_ressource{
 					color: $col-1;
 				}
 			}
@@ -20,7 +20,7 @@ body{
 				color: $col-2;
 			}
 			article{
-				h2,h3,h4,h5,h6,.field_titre{
+				h2,h3,h4,h5,h6,.field_titre,.field_type_de_ressource{
 					color: $col-2;
 				}
 			}
@@ -30,7 +30,7 @@ body{
 				color: $col-eur;
 			}
 			article{
-				h2,h3,h4,h5,h6,.field_titre{
+				h2,h3,h4,h5,h6,.field_titre,.field_type_de_ressource{
 					color: $col-eur;
 				}
 			}
@@ -40,7 +40,7 @@ body{
 				color: $col-1;
 			}
 			article{
-				h2,h3,h4,h5,h6,.field_titre{
+				h2,h3,h4,h5,h6,.field_titre,.field_type_de_ressource{
 					color: $col-1;
 				}
 			}
@@ -50,7 +50,7 @@ body{
 				color: $col-mond;
 			}
 			article{
-				h2,h3,h4,h5,h6,.field_titre{
+				h2,h3,h4,h5,h6,.field_titre,.field_type_de_ressource{
 					color: $col-mond;
 				}
 			}
@@ -60,7 +60,7 @@ body{
 				color: $col-ter;
 			}
 			article{
-				h2,h3,h4,h5,h6,.field_titre{
+				h2,h3,h4,h5,h6,.field_titre,.field_type_de_ressource{
 					color: $col-ter;
 				}
 			}
@@ -70,7 +70,7 @@ body{
 				color: $col-met;
 			}
 			article{
-				h2,h3,h4,h5,h6,.field_titre{
+				h2,h3,h4,h5,h6,.field_titre,.field_type_de_ressource{
 					color: $col-met;
 				}
 			}