background slide

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

@@ -5434,6 +5434,9 @@ svg.ext {
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button a {
   color: rgb(9, 57, 139);
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button a:hover {
   color: white;
@@ -5444,11 +5447,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-videos {
   margin-top: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-videos a {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-videos a::before {
   content: url("../images/pictos/videos.svg");
   padding-right: 0.5rem;
@@ -5456,11 +5454,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-videos a:hover::before {
   content: url("../images/pictos/videos-blanc.svg");
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-podcasts a {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-podcasts a::before {
   content: url("../images/pictos/podcasts.svg");
   padding-right: 0.5rem;
@@ -5468,11 +5461,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-podcasts a:hover::before {
   content: url("../images/pictos/podcasts-blanc.svg");
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-reportages-photos a {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-reportages-photos a::before {
   content: url("../images/pictos/en-images.svg");
   padding-right: 0.5rem;
@@ -5480,11 +5468,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-reportages-photos a:hover::before {
   content: url("../images/pictos/en-images-blanc.svg");
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-livres a {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-livres a::before {
   content: url("../images/pictos/ecrits.svg");
   padding-right: 0.5rem;
@@ -5492,11 +5475,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-livres a:hover::before {
   content: url("../images/pictos/ecrits-blanc.svg");
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-articles a {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-articles a::before {
   content: url("../images/pictos/ecrits.svg");
   padding-right: 0.5rem;
@@ -5504,11 +5482,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-articles a:hover::before {
   content: url("../images/pictos/ecrits-blanc.svg");
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications-rapports a {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications-rapports a::before {
   content: url("../images/pictos/ecrits.svg");
   padding-right: 0.5rem;
@@ -5559,6 +5532,9 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-publication-issue-du-programme-eqld {
   order: 1;
 }
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-publication-issue-du-programme-eqld::before {
+  background-color: rgba(0, 158, 227, 0.2);
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-paroles-de-laureats {
   order: 2;
 }
@@ -5568,6 +5544,9 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-presse {
   order: 4;
 }
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-presse::before {
+  background-color: rgba(0, 158, 227, 0.2);
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) {
   width: 100%;
   position: relative;
@@ -5603,6 +5582,11 @@ svg.ext {
   content: url("../images/pictos/picto-ressource-paroleslaureats.svg");
   padding-right: 1rem;
 }
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-les-projets-en-images {
+  width: 80%;
+  border-top: solid 2px rgba(0, 0, 0, 0.3);
+  padding-top: 2rem;
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-les-projets-en-images:before {
   content: url("../images/pictos/picto-ressource-projetsimages.svg");
   padding-right: 1rem;
@@ -5649,9 +5633,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-next {
   right: 15%;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:has(.type-publication-issue-du-programme-eqld)::before {
-  background-color: rgba(0, 158, 227, 0.2);
-}
 
 /*partials*/
 .layout-container {

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

@@ -172,6 +172,9 @@
                                                 }
                                                 a {
                                                     color: $blue-dark;
+                                                    display: inline-flex;
+                                                    flex-direction: row;
+                                                    align-items: center;
                                                     &:hover{
                                                         color: white;
                                                     }
@@ -183,13 +186,9 @@
                                                 &.button-videos{
                                                     margin-top: 1rem;
                                                     a {
-                                                    display: inline-flex;
-                                                    flex-direction: row;
-                                                    align-items: center;
-                                                        &::before{
+                                                         &::before{
                                                         content:url("../images/pictos/videos.svg");
                                                         padding-right: 0.5rem;
-                                                           
                                                         }
                                                         &:hover::before{
                                                             content:url("../images/pictos/videos-blanc.svg");
@@ -198,76 +197,60 @@
                                                 }
                                                 &.button-podcasts{
                                                     a {
-                                                        display: inline-flex;
-                                                        flex-direction: row;
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/podcasts.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/podcasts-blanc.svg");
-                                                            }
+                                                        &::before{
+                                                        content:url("../images/pictos/podcasts.svg");
+                                                        padding-right: 0.5rem;
+                                                        }
+                                                        &:hover::before{
+                                                            content:url("../images/pictos/podcasts-blanc.svg");
                                                         }
+                                                    }
                                                 }
                                                 &.button-reportages-photos{
                                                     a {
-                                                        display: inline-flex;
-                                                        flex-direction: row;
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/en-images.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/en-images-blanc.svg");
-                                                            }
+                                                        &::before{
+                                                        content:url("../images/pictos/en-images.svg");
+                                                        padding-right: 0.5rem;
                                                         }
+                                                        &:hover::before{
+                                                            content:url("../images/pictos/en-images-blanc.svg");
+                                                        }
+                                                    }
                                                 }
                                                 &.button-livres{
                                                     a {
-                                                        display: inline-flex;
-                                                        flex-direction: row;
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/ecrits.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/ecrits-blanc.svg");
-                                                            }
+                                                        &::before{
+                                                        content:url("../images/pictos/ecrits.svg");
+                                                        padding-right: 0.5rem;
+                                                        }
+                                                        &:hover::before{
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
                                                         }
+                                                    }
                                                 }
                                                 &.button-articles{
                                                     a {
-                                                        display: inline-flex;
-                                                        flex-direction: row;
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/ecrits.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/ecrits-blanc.svg");
-                                                            }
+                                                        &::before{
+                                                        content:url("../images/pictos/ecrits.svg");
+                                                        padding-right: 0.5rem;
                                                         }
+                                                        &:hover::before{
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
+                                                        }
+                                                    }
                                                 }
                                                 &.button-publications-rapports{
                                                     a {
-                                                        display: inline-flex;
-                                                        flex-direction: row;
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/ecrits.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/ecrits-blanc.svg");
-                                                            }
+                                                        &::before{
+                                                        content:url("../images/pictos/ecrits.svg");
+                                                        padding-right: 0.5rem;
+                                                        }
+                                                        &:hover::before{
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
                                                         }
+                                                    }
                                                 }
                                             }
-
                                         }
                                         form{
                                             &::before{
@@ -293,26 +276,17 @@
                                                     input{
                                                         text-align: start !important;
                                                         max-width: 100% !important;
-                                                       
                                                     }
                                                 }
-                                               
                                             }
                                             select{
                                                 ::placeholder{
                                                     display: none;
                                                 }
                                             }
-                                            
                                         }
-                                        
-
                                     }
-                                    // .view-ressources-hidden {
-                                    //     visibility: hidden;
-                                    //     height: 0;
-                                    //     overflow: hidden;
-                                    // }
+
                                     .view-content{
                                         transition: opacity 0.3s ease;
                                         display: flex;
@@ -321,10 +295,18 @@
                                         width: 100%;
                                         .view-type-slide.type-publication-issue-du-programme-eqld{
                                             order: 1;
+                                            &::before{
+                                                background-color: $background-actus;}
                                         }
                                         .view-type-slide.type-paroles-de-laureats{order: 2;}
-                                        .view-type-slide.type-les-projets-en-images{order: 3;}
-                                        .view-type-slide.type-presse{order: 4;}
+                                        .view-type-slide.type-les-projets-en-images{
+                                            order: 3;
+                                        }
+                                        .view-type-slide.type-presse{
+                                            order: 4;
+                                            &::before{
+                                                background-color: $background-actus;}
+                                        }
                                         .view-type-slide:not(footer){
                                             width: 100%;
                                             position: relative;
@@ -364,6 +346,9 @@
                                                 }
                                             }
                                             h3.type-les-projets-en-images {
+                                                width: 80%;
+                                                border-top: solid 2px rgba(0, 0, 0, 0.3);
+                                                padding-top: 2rem;
                                                 &:before{
                                                     content:url("../images/pictos/picto-ressource-projetsimages.svg");
                                                     padding-right: 1rem;
@@ -413,39 +398,16 @@
                                                 }
                                                 .slick-next {
                                                     right: 15%;
-                                                  }
+                                                }
                                             }
-
-                                        }
-
-                                        .view-type-slide:has(.type-publication-issue-du-programme-eqld){
-                                            &::before{
-                                                background-color: $background-actus;}
-                                        }
-                                        
-                                        //  .type-les-projets-en-images{
-                                        //      .slick-track{
-                                        //          width: 100% !important;
-                                        //          .views-row{
-                                        //              width: 100% !important;
-                                        //          }
-                                        //      }
-                                        //  }
-
-                                     
-                                        
+                                        }                                                                          
                                     }
                                 }
                             }
-
                         }
                     }
                 }
-
             }
         }
-        
     }
-   
-
 }