web/themes/custom/eql/dist/assets/css/bundle.css

@@ -2162,6 +2162,7 @@ a {
     grid-column: 1;
     grid-row: 1/span 7; /* Prendre toutes les lignes disponibles */
     align-self: start; /* S'assurer qu'il commence en haut */
+    justify-self: end;
   }
 }
 @media (max-width: 1100px) {
@@ -2182,7 +2183,8 @@ a {
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition,
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
-.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs,
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee {
   width: 100%;
   margin-left: 13%;
 }
@@ -2194,7 +2196,8 @@ a {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
-  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee {
     width: auto;
     margin-right: 15%;
   }
@@ -2207,13 +2210,15 @@ a {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
-  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee {
     width: auto;
-    margin-left: 7rem;
-    margin-right: 1;
-    grid-column: 3/4;
+    margin-left: 2rem;
+    margin-right: 15%;
+    grid-column: 2/4;
     align-self: start; /* S'assurer qu'il commence en haut */
     height: fit-content;
+    justify-self: start;
   }
   .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 p,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource p,
@@ -2222,7 +2227,8 @@ a {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition p,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- p,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution p,
-  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs p {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs p,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee p {
     margin: 0;
   }
 }
@@ -2234,7 +2240,8 @@ a {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
-  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee {
     margin-left: 9%;
     margin-right: 9%;
   }
@@ -2253,11 +2260,15 @@ a {
   vertical-align: middle;
 }
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
-  margin-top: 2rem;
   color: rgb(0, 158, 227);
   text-transform: uppercase;
   font-weight: 800;
 }
+@media (max-width: 1099px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
+    margin-top: 2rem;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
   font-size: 2rem;
   font-weight: 600;
@@ -2304,6 +2315,18 @@ a {
     margin-bottom: 0.5rem;
   }
 }
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee h2 {
+  display: none;
+}
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee .field__label {
+  display: none;
+}
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee a {
+  color: black;
+}
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-projets-liee a:hover {
+  color: rgb(0, 158, 227);
+}
 .page-node-type-ressource .layout__region--top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640:empty,
 .page-node-type-ressource .layout__region--top .block-entity-fieldnodefield-type-de-ressource:empty,
 .page-node-type-ressource .layout__region--top .block-entity-fieldnodetitle:empty,

web/themes/custom/eql/scss/pages/_ressource.scss

@@ -12,29 +12,18 @@
                 flex-direction: column;
                 @media screen and (min-width:1100px) {
                     display: grid;
-                    // grid-template-columns: 1fr repeat(8, 1fr) 1fr;
-                    // grid-template-rows: auto;
                     grid-template-columns: 1fr 2fr; /* 1/3 pour l'image, 2/3 pour le contenu */
                     gap: 1rem;
                 }
-                // &div:not(.block-entity-fieldnodefield-images){
-                //     @media screen and (min-width:800px) {
-                //         grid-column: 5/span 7;
-                        
-                //     }
-                // }
                 .block-entity-fieldnodefield-images{
                     width: fit-content;
-                    // margin: auto;
                     padding-right: 2rem;
                     padding-left: 25%;
-                    @media screen and (min-width:1100px) {
-                        // grid-column: 2/span 4;
-                        // grid-row: 1 /span 5;
-                        
+                    @media screen and (min-width:1100px) {                        
                         grid-column: 1;
                         grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
                         align-self: start; /* S'assurer qu'il commence en haut */
+                        justify-self: end;
                     }
                     @media (max-width: 1100px) {
                         padding-left: 13%;
@@ -52,7 +41,8 @@
                 .block-entity-fieldnodefield-edition, 
                 .block-entity-fieldnodefield-auteur-s-, 
                 .block-entity-fieldnodefield-date-de-parution, 
-                .block-entity-fieldnodefield-mots-clefs {
+                .block-entity-fieldnodefield-mots-clefs,
+                .block-entity-fieldnodefield-projets-liee {
                     width: 100%;
                     margin-left: 13%;
                     @media (max-width: 1099px) {
@@ -61,11 +51,12 @@
                     }
                     @media screen and (min-width: 1100px) {
                         width: auto;
-                        margin-left: 7rem;
-                        margin-right: 1;
-                        grid-column: 3 / 4;
+                        margin-left: 2rem;
+                        margin-right: 15%;
+                        grid-column: 2 / 4;
                         align-self: start; /* S'assurer qu'il commence en haut */
                         height: fit-content ;
+                        justify-self: start;
                         p{margin: 0;}
 
                     }
@@ -89,46 +80,19 @@
                     padding-top: 1rem;
                     padding-bottom: 0.5rem;
                     vertical-align: middle;
-                    // @media screen and (min-width:1100px) {
-                    //     // width: 50%;
-                    //     // grid-column: 5/span 7;
-                    //     // grid-row: 1;
-                    // }
-    
                 }
 
                 .block-entity-fieldnodefield-type-de-ressource{
-                    margin-top: 2rem;
-                    // margin-left: 13%;
                     color: $blue-light;
                     text-transform: uppercase;
                     font-weight: 800;
-                    // @media (max-width: 810px){
-                    //     margin-left:9%;
-                    //     margin-right: 9%;
-                    // }
-                    // @media screen and (min-width:1100px) {
-                    //     width: 50%;
-                    //     grid-column: 5/span 7;
-                    //     grid-row: 1;
-
-                    // }
-
+                    @media (max-width: 1099px) {
+                    margin-top: 2rem;
+                    }
                 }
                 .block-entity-fieldnodetitle{
-                    // margin-left: 13%;
                     font-size: 2rem;
                     font-weight: 600;
-                    // @media (max-width: 810px){
-                    //     margin-left:9%;
-                    //     margin-right: 9%;
-                    // }
-                    // @media screen and (min-width:1100px) {
-                    //     width: 50%;
-                    //     grid-column: 5/span 7;
-                    //     grid-row: 2;
-
-                    // }
                     .field--name-title{
                         @media (max-width: 550px) {
                             font-size: 1.5rem;
@@ -138,44 +102,21 @@
                 }
 
                 .block-entity-fieldnodefield-sous-titre{
-                    // margin-left: 13%;
                     .field--name-field-edition{
                         p{
                             margin-bottom: 0;
                         }
                     }
-                    // @media (max-width: 810px){
-                    //     margin-left:9%;
-                    //     margin-right: 9%;
-                    // }
-                    // @media screen and (min-width:1100px) {
-                    //     width: 50%;
-                    //     grid-column: 5/span 7;
-                    //     grid-row: 3;
-
-                    // }
                 }
                 .block-entity-fieldnodefield-edition{
-                    // margin-left: 13%;
                     .field--name-field-edition{
                         p{
                             margin-bottom: 0;
                         }
                     }
-                    // @media (max-width: 810px){
-                    //     margin-left:9%;
-                    //     margin-right: 9%;
-                    // }
-                    // @media screen and (min-width:1100px) {
-                    //     width: 50%;
-                    //     grid-column: 5/span 7;
-                    //     grid-row: 4;
-
-                    // }
 
                 }
                 .block-entity-fieldnodefield-auteur-s-{
-                    // margin-left: 13%;
                     .field--name-field-auteur-s-{
                         font-size: 1.5rem;
                         font-weight: 800;
@@ -183,40 +124,14 @@
                             margin: 0;
                         }
                     }
-                    // @media (max-width: 810px){
-                    //     margin-left:9%;
-                    //     margin-right: 9%;
-                    // }
-                    // @media screen and (min-width:1100px) {
-                    //     width: 50%;
-                    //     grid-column: 5/span 7;
-                    //     grid-row: 5;
-
-                    // }
                 }    
 
                 .block-entity-fieldnodefield-date-de-parution{
-                    // margin-left: 13%;
-                    // @media (max-width: 810px){
-                    //     margin-left:9%;
-                    //     margin-right: 9%;
-                    // }
-                    // @media screen and (min-width:1100px) {
-                    //     width: 50%;
-                    //     grid-column: 5/span 7;
-                    //     grid-row: 6;
-
-                    // }
                 }
                 .block-entity-fieldnodefield-mots-clefs{
-                    // margin-left: 13%;
                     .field--name-field-mots-clefs{
                         display: inline-flex;
                         margin-top: 2rem;
-                        // &::after{
-                        //     content: url("../images/pictos/noun_Arrow_3771902.svg");
-                        //     align-self: end;
-                        // }
                         .field__item{
                             background: $blue-dark;
                             margin-right: 1rem;
@@ -228,8 +143,6 @@
                         }
                     }
                     @media (max-width: 810px){
-                        // margin-left:9%;
-                        // margin-right: 9%;
                         .field--name-field-mots-clefs{
                             display: flex;
                             flex-direction: row;
@@ -241,12 +154,16 @@
                         }    
 
                     }
-                    // @media screen and (min-width:800px) {
-                    //     width: 50%;
-                    //     grid-column: 5/span 7;
-                    //     grid-row: 7;
-
-                    // }   
+                }
+                .block-entity-fieldnodefield-projets-liee{
+                    h2{display: none;}
+                    .field__label{display: none;}
+                    a{
+                        color: black;
+                        &:hover{
+                            color: $blue-light;
+                        }
+                    }
                 }
             }
                         /* Hide empty blocks */
@@ -530,18 +447,11 @@
                                 ul.links.inline{
                                     display: none;
                                 }
-    
                             }
                         }
                     }       
-            
-
-                }
-               
-            
-            }
-            
-        
+                }            
+            }        
         }
     // }
 }