Merge branch 'master' of gogs-figureslibres.io:bachir/popsu-d9

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

@@ -122,10 +122,10 @@ $(function(){
 
 		let elem = $(".content_container").find(".views-element-container header>div");
 		$(elem[0]).slick({
-			slidesToShow: 1,
+			slidesToShow: 3,
 			slidesToScroll: 1,
-			centerMode: true,
-			centerPadding: '100px'
+			centerMode: false,
+			centerPadding: '60px'
 		});
 	}
 	

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

@@ -141,6 +141,7 @@
 					margin: 0 1rem;
 					padding: 0;
 					
+					
 				}
 
 				.programme-1{

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

@@ -1,8 +1,8 @@
 .path-centre-de-ressources{
-	//tmp 
-	.slick-slider{
-		display: none;
-	}
+	// //tmp 
+	// .slick-slider{
+	// 	display: none;
+	// }
 	//colo programme 
 	
 	.programme-1{
@@ -78,32 +78,51 @@
 	}
 	background-color: $bck-col;
 	header{
+		background: $trame;
 		margin-bottom: 0;
+		.slick-track{
+			display: flex !important;
+			align-items: center;
+		}
 		.slick-slide{
 			margin: 0 1rem;
-
+		
+			
 			
 			.views-row:not(.type-74){
 				display: grid !important;
-				grid-template-columns: 1fr;
+				grid-template-columns: 40%  60%;
+				grid-auto-rows: min-content;
+				
+				a{
+					text-decoration: none;	
+					&:hover{
+						text-decoration: underline;
+					}
+				}
 				background-color: rgb(255, 255, 255);
-				// flex-direction: column;
-				// flex-direction: column-reverse;
-				position: relative;
-				height: auto;
+				
+				width: 100% !important;
+				padding: .3rem;
+	
 				.views-field:not(:first-child){
 					padding: 0 0 0 .4rem;
 				}
 				.views-field-field-image{
-					grid-row: 3 / span 2;
-					margin-top: -1.5rem;
-					img{
-						width: 100%;
-					}				
+					grid-row: 2/span 5;	
+				}
+				.views-field-field-edition{
+					grid-column: 2;
+					grid-row: 6;
+				}
+				.views-field-field-auteurs{
+					font-weight: 600;
+					grid-column: 2;
+					grid-row: 3;
 				}
-	
 				
 				.views-field-field-programme{
+					
 					grid-row: 1 / span 1;
 					grid-column: 1 / span 2;
 					.field-content{
@@ -116,11 +135,6 @@
 					}
 					
 				}
-				.views-field-field-theme{
-					.field-content{
-						color:black;
-					}
-				}
 				
 				.views-field-field-type-de-ressource{
 					text-transform: uppercase;
@@ -133,23 +147,24 @@
 				}
 				.views-field-title{
 					font-style: italic;
-					grid-row: 3 / span 1;
+					grid-row: 4 / span 1;
 					grid-column: 2 / span 1;
 					
 				}
 				.views-field-field-sous-titre{
 					margin-bottom: 1rem;
-					grid-row: 4 / span 1;
+					grid-row: 5 / span 1;
 					grid-column: 2 / span 1;
 					align-self: baseline;
 				}
 				.views-field-field-theme{
-					grid-row: 5 / span 1;
+					grid-row: 7 / span 1;
 					grid-column: 1 / span 2;
 					font-size: $font-small;
-				}
-				a{
-					text-decoration: none;
+					.field-content{
+						color:black;
+					}
+	
 				}
 			}
 			.type-74{
@@ -179,7 +194,7 @@
 	
 				
 				.views-field-field-programme{
-					grid-row: 1 / span 1;
+				
 					// grid-column: 1 / span 2;
 					.field-content{
 						font-weight: 600;
@@ -257,7 +272,7 @@
 	form{
 		background: $trame;
 		display: grid;
-		padding: 5rem 0 1rem 0;
+		padding: 1rem 0 1rem 0;
 		//margin-top: -3rem;
 		column-gap: 1rem;
 		grid-template-columns: calc(10% - 3em) repeat(4, 20%);
@@ -334,20 +349,16 @@
 				}
 			}
 			background-color: rgb(255, 255, 255);
-			// background-clip: content-box;
+			
 			width: 100% !important;
 			padding: .3rem;
 
-			// .views-field:empty {
-			// 	background: lime;
-			// }
 
 			.views-field:not(:first-child){
 				padding: 0 0 0 .4rem;
 			}
 			.views-field-field-image{
-				grid-row: 4 / span 2;
-				margin-top: -1.5rem;				
+				grid-row: 2/span 5;	
 			}
 			.views-field-field-edition{
 				grid-column: 2;
@@ -360,6 +371,7 @@
 			}
 			
 			.views-field-field-programme{
+				margin-top: -.8rem;
 				grid-row: 1 / span 1;
 				grid-column: 1 / span 2;
 				.field-content{
@@ -501,7 +513,7 @@
 
 .page-node-type-ressource{
 	&.programme-1{
-		h2{ 
+		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{ 
 			color: $col-1 !important;
 		}
 		.field_programme div{
@@ -509,7 +521,7 @@
 		}
 	}
 	&.programme-2{
-		h2{
+		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
 			color: $col-2 !important;
 		}
 		.field_programme div{
@@ -518,7 +530,7 @@
 	}
 	&.programme-3{
 
-		h2{
+		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
 			color: $col-eur !important;
 		}
 		.field_programme div{
@@ -527,7 +539,7 @@
 		}
 	}
 	&.programme-4{
-		h2{ 
+		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{ 
 			color: $col-1;
 		}
 		.field_programme div{
@@ -538,7 +550,7 @@
 	
 	&.programme-5{
 		
-		h2{
+		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
 			color: $col-mond !important;
 		}
 		.field_programme div{
@@ -547,7 +559,7 @@
 	}
 	&.programme-6{
 
-		h2{
+		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
 			color: $col-ter !important;
 		}
 		.field_programme div{
@@ -556,7 +568,7 @@
 
 	}
 	&.programme-7{
-		h2{
+		h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
 			color: $col-met !important;
 		}
 		.field_programme div{
@@ -568,11 +580,13 @@
 
 	.block-region-second{
 		display: grid;
+		grid-template-columns: repeat(4, 25%);
 		padding-bottom: 3rem;
+		align-items: center;
+		
 		.field_programme div{
 			display: inline-block;
 			// background: gray;
-			margin-bottom: 1rem;
 			color: white;
 			font-weight: 600;
 			padding: .3rem .5rem;
@@ -580,161 +594,57 @@
 				text-decoration: none;
 			}
 		}
-
+		
         ///
         #node\:title{
             margin: 0;
             font-size: $font-large;
             line-height: 1.3;
-            font-weight: 600;
+            font-weight: 500;
+			font-style: italic;
             margin-bottom: 1rem;
-			grid-column: 1 / span 2;
+			grid-row: 3;
+			grid-column: 3 / span 2;
+			
+			margin: 0;
+			
         }
 		#node\:field_image{
-			grid-row: 2;
 			grid-column: 1 / span 2;
+			grid-row: 2 / span 4;
+			padding: 1rem;
 		}
 		#node\:field_auteurs{
-			
+			grid-row: 2;
+			grid-column: 3 / span 2;
+			.field_auteurs{
+				font-weight: 600;
+				font-size: $font-medium;
+			}
+		}
+		#node\:body{
+			margin-top: 2rem;
+			grid-column: 1 / span 4;
+		}
+		#node\:field_theme{
+			grid-column: 3 / span 2;
+			grid-row: 5;
 		}
 		#node\:field_type_de_ressource{
 			grid-row: 1;
-			grid-column: 2;
+			grid-column: 2 ;
+			font-weight: 600;
 		}
 		#node\:field_programme{
+			
 			grid-row: 1;
 			grid-column: 1;
 		}
 		#node\:field_date_de_parution{
-			grid-row: 3;
-			grid-column: 1 / span 2;
+			grid-row: 4;
+			grid-column: 3 / span 2;
+			font-size: $font-medium;
 		}
-    //    .body{
-    //         font-size: $font-medium;
-    //         height: 15rem;
-    //         overflow: hidden;
-    //         position: relative;
-    //         -webkit-transition: all 250ms ease;
-    //         -moz-transition: all 250ms ease;
-    //         -o-transition: all 250ms ease;
-    //         transition: all 250ms ease;
-    //         footer{
-    //             position:absolute;
-    //             bottom:0;
-    //             left:0;
-    //             z-index: 1;
-    
-    //             width: 100%;
-    //             text-align: center;
-    
-                
-    //             a{
-    //                 display: inline-block;
-    //                 margin: 0 auto;
-    //                 background: black;
-    //                 color: white;
-    //                 cursor:pointer;
-    
-    //                 font-family: "trueno";
-    //                 font-weight: 500;
-    
-    //                 padding: .3rem .5rem;
-    //                 font-size: $font-small;
-    //                 text-decoration: none;
-    //                 text-transform: uppercase;
-                    
-    
-    //                 &:hover{
-    //                     color:black;
-    //                     background: white;
-    //                 }
-    //             }
-    //         }
-    //     } 
-
-        // .body:after{
-        //     content: "";
-        //     opacity: 1;
-        //     position: absolute;
-        //     top: 0; bottom: 0; left: -15px; right: -15px;
-        //     box-shadow: inset $bck-col 0 -2rem 2rem;
-        // }
-        // .body_open{
-        //     height: auto !important;
-        //     padding: 0 0 .8rem 0;
-        //     &:after{
-        //         opacity: 0;
-        //         -webkit-transition: all 250ms ease;
-        //         -moz-transition: all 250ms ease;
-        //         -o-transition: all 250ms ease;
-        //         transition: all 250ms ease;
-        //     }
-        //     -webkit-transition: all 250ms ease;
-        //     -moz-transition: all 250ms ease;
-        //     -o-transition: all 250ms ease;
-        //     transition: all 250ms ease;
-        // }
-        // .body_open:after{
-        //     display: none;
-        // }
-        // .field_textes{
-          
-        //     .paragraph{
-        //         // border-top: 1px solid black;
-        //         border-bottom: 3px dotted gray;
-        //         padding: 1rem 0;
-        //         .field_titre{
-        //             font-size: $font-big;
-        //             font-weight: 600;
-        //             text-transform: initial;
-        //             cursor: pointer;
-        //             display: grid;
-        //             grid-template-columns: 95% 5%;
-        //             align-content: center;
-        //             // margin-top: 1rem;
-        //         }
-        //         .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;
-        //             }
-        //             p{
-        //                 margin-top: .5rem;
-        //             }
-        //             -webkit-transition: all 250ms ease;
-        //             -moz-transition: all 250ms ease;
-        //             -o-transition: all 250ms ease;
-        //             transition: all 250ms ease;
-        //         }
-                
-        //         .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;
-        //         }
-        //     }
-        // }
     }
 
 }