css .block region third - collection

web/profiles/d8-starterkit-profile

@@ -1 +1 @@
-Subproject commit 179aa994156fa9c986cf9eb9262872abb9c651a2
+Subproject commit 5069345d9dffca8ff935d7a01d2bc97a1272f063

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

@@ -443,8 +443,15 @@ if($(".page-node-type-static").length > 0){
 
 //hide empty or unclickable sidebar 
 if($(".block-region-first").find("a").length == 0 ){
-	$(".block-region-first").hide();
+	if($(".page-node-type-static").length == 0 ){
+		$(".block-region-first").hide();
+	}
 };
 
-	
+//crop text for collection 
+$(".block-region-third .views-field-description__value").addClass("hidden_text");
+$(".block-region-third .views-field-description__value").on("click", function(){
+	$(this).removeClass('hidden_text');
+})
+
 });

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

@@ -52,6 +52,7 @@ article, .paragraph{
         background-color: black;
         color: white;
         padding: .1rem 1rem;
+        margin-top: .3rem;
     }
     .views-field-field-intro{
         display: none;
@@ -61,12 +62,41 @@ article, .paragraph{
     .field_document{
         padding: 0.5rem 0.5rem;
     }
-    .field_organisateur,.field_fichier, .field_lien,.field_ressources_liees{
+    .field_organisateur,.field_fichier, .field_lien,.field_ressources_liees, .views-element-container div{
         padding: 0rem 1rem;
         div{
             text-decoration: none;
             padding: .3rem 0;
         }
+
+        //field colletion : 
+        // .views-field-description__value{
+        //     max-height: 5rem;
+        //     overflow: hidden;
+        //     position: relative;
+        // }
+        // .views-field-description__value:hover{
+        //     max-height: none;
+        //     overflow: auto;
+        // }
+        .hidden_text{
+            max-height: 5rem;
+            overflow: hidden;
+            position: relative;
+            cursor: pointer;
+        }
+        
+        .hidden_text:after{
+            content: "";
+            text-align: center;
+            opacity: 1;
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: -15px;
+            right: -15px;
+            box-shadow: inset 0 -2rem 1rem #eff2f9;
+        }
     }
     .field_partenaires{
         background: white;
@@ -103,7 +133,7 @@ article, .paragraph{
         position: absolute;
         top: 0;
         left: 0;
-        width: 100vw;
+        width: 99vw;
         height: 40vh;
         background: $trame;
         box-shadow: inset 0 -5rem 8rem $bck-col;