vignette actuatilité

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

@@ -31,6 +31,7 @@
 					}
 					
 				}
+				
 				footer{
 					text-align: center;
 					margin: 1.8rem 0;
@@ -57,9 +58,10 @@
 				}
 			}
 			#actus_blocks-block_2{
-										
+						
 				.programme-1{
 					article{
+						
 						background: $col-1 !important;
 						.field_programme{
 							color: $col-1;
@@ -125,24 +127,16 @@
 				}
 				article{
 					// 
-					div{
+					&>div{
+						overflow: hidden;
 						display: grid;
 						grid-column: 1 / span 2;
-						margin-top: -1rem;
-						div:not(.field_image){
-							// margin: 0 1rem;
-						}
+
 						.field_programme{
 							grid-row: 1;
 							z-index: 10;
 						}
-						.field_image{
-							grid-row: 2;
-							margin-top: -.5rem;
-							img{
-								width: 100%;
-							}
-						}
+						
 						.field_sous_titre{
 							grid-row: 3;
 							margin: .5rem 1rem !important;
@@ -151,7 +145,7 @@
 					color:white;
 					h2{
 						color: white;
-						margin: -1rem 1rem 1rem 1rem;
+						margin: 0 1rem 1rem 1rem;
 					}
 					.field_programme{
 						display: block;
@@ -260,7 +254,7 @@
 					&>div:first-of-type{
 						display: grid;
 						grid-column: 1 / span 2;
-						margin-top: -1rem;
+						overflow: hidden;
 						div:not(.field_image){
 							// margin: 0 1rem;
 						}
@@ -268,13 +262,7 @@
 							grid-row: 1;
 							z-index: 10;
 						}
-						.field_image{
-							grid-row: 2;
-							margin-top: -.5rem;
-							img{
-								width: 100%;
-							}
-						}
+
 						.field_dates_actu{
 							grid-row: 3;
 							margin: .5rem 1rem;
@@ -287,7 +275,7 @@
 					// color:white;
 					h2{
 						// color: white;
-						// margin: -1rem 1rem 1rem 1rem;
+						margin: 0 1rem 1rem 1rem;
 						margin: .5rem 1rem !important;
 					}
 					.field_programme{
@@ -305,18 +293,43 @@
 				}
 			}
 			#actus_blocks-block_1, #actus_blocks-block_2{
-				.links{
-					visibility: hidden;
+				article{
+					width: 100%;
+					height: 100%;
+					position: absolute;
+				}
+				.views-row{
+					padding-bottom: 100%;
+					position: relative;
+				}	
+				.links.inline{
+					display: none;
 				}
+
 				.views-row article{
 					display: grid;
 					grid-template-columns: repeat( 2, minmax(0, 1fr));
+					grid-template-rows: 60% 40%;
 					
-					position: relative;
-					height: auto;
+					// position: relative;
+					// height: auto;
 					.field_programme{
 						margin: 0 0 0 1rem ;
+						display: inline-block;
+					}
+					.field_image{
+						/* grid-row: 2; */
+						grid-row: 2;
+						margin-top: -.5rem;
+						max-height: 100%;
+						overflow: hidden;
+						img{
+							width: 100%;
+							height: 100%;
+							object-fit: cover;
+						}
 					}
+					
 					h2{
 						grid-row: 2;
 						grid-column: 1 / span 2;
@@ -324,6 +337,7 @@
 					div:first{
 						grid-row: 1;
 						grid-column: 1 / span 2;
+						
 					}
 				}
 			}

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

@@ -15,9 +15,9 @@ article, .paragraph{
 .layout-container{
     background-color: $bck-col;
 } 
-.prog-ressources-link,.ressources-link{
+.block-region-bottom .prog-ressources-link,.ressources-link{
     display: inline-block;
-    margin: 0 auto;
+    margin: 0 auto; 
     background: black;
     color: white;