css

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

@@ -5450,7 +5450,7 @@ 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 {
   position: sticky;
   align-self: start;
-  top: 13rem;
+  top: 9rem;
   left: 0;
   background-color: rgb(255, 255, 255);
   margin-top: 2rem;
@@ -5458,6 +5458,7 @@ svg.ext {
   padding: 1rem;
   padding-left: 2rem;
   padding-right: 3rem;
+  z-index: 1;
 }
 @media (max-width: 810px) {
   .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 {
@@ -5608,7 +5609,20 @@ 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-ressource-slide:not(footer) {
   width: 100%;
-  padding-top: 1rem;
+  position: relative;
+  z-index: 0;
+}
+.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-ressource-slide:not(footer)::before {
+  content: "";
+  position: absolute;
+  left: -30%;
+  height: 100%;
+  width: 110vw;
+  z-index: 0;
+}
+.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-ressource-slide:not(footer) > * {
+  position: relative;
+  z-index: 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-ressource-slide:not(footer) h3 {
   text-transform: uppercase;
@@ -5656,42 +5670,42 @@ 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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource svg.ext {
   display: none;
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource {
   display: grid;
   grid-template-columns: 1fr 1.5fr;
   grid-template-rows: repeat(5 1fr);
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-ressource {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-ressource {
   order: 1;
   grid-row: 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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-images {
   order: 2;
   grid-row: 2/span 5;
   height: auto;
   width: 90%;
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images img {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-images img {
   height: auto;
   width: 90%;
   border: 1px solid #a3a3a3;
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-title {
   grid-row: 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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-sous-titre {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-sous-titre {
   grid-row: 3;
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-auteur-s- {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-auteur-s- {
   grid-row: 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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-edition {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-edition {
   grid-row: 5;
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-date-de-parution {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-date-de-parution {
   grid-row: 6;
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-mots-clefs {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain .wrapper-ressource .field--name-field-mots-clefs {
   grid-row: 7;
 }
 @media (max-width: 479px) {
@@ -5699,13 +5713,15 @@ svg.ext {
     margin-left: 0;
   }
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource,
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-media {
   grid-column: 1;
   text-transform: uppercase;
   line-height: 1.1rem;
   margin-top: 0.5rem;
 }
-.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a {
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a,
+.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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-media a {
   color: rgb(0, 158, 227);
   font-weight: 900;
   font-size: 0.8rem;
@@ -5814,7 +5830,7 @@ 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-ressource-slide:not(footer) .views-row-wrapper .slick-next {
   right: 10%;
 }
-.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-ressource-slide:has(.type-publication-issue-du-programme-eqld) {
+.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-ressource-slide:has(.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain)::before {
   background-color: rgba(0, 158, 227, 0.2);
 }
 

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

@@ -119,7 +119,7 @@
                                     .view-filters{
                                         position: sticky;
                                         align-self: start;
-                                        top: 13rem;
+                                        top: 9rem;
                                         left: 0;
                                         background-color: $white;
                                         margin-top: 2rem;
@@ -127,6 +127,7 @@
                                         padding: 1rem;
                                         padding-left: 2rem;
                                         padding-right: 3rem;
+                                        z-index: 1;
 
                                         @media (max-width: 810px) {
                                             position: static;
@@ -161,7 +162,7 @@
                                                 margin-bottom: 1rem;
                                                 padding: 0.5rem;
                                                 align-items: baseline;
-                                                                                                border: solid black 0.5px ;
+                                                border: solid black 0.5px ;
 
                                 
                                                 @media(max-width: 810px){
@@ -208,7 +209,6 @@
                                                     text-transform: lowercase;
                                                     padding-bottom: 0.2rem;
                                                     flex: 2 1 auto;
-                                                    
                                                 }  
                                                
                                                 input{
@@ -271,7 +271,23 @@
                                         width: 100%;
                                         .view-type-ressource-slide:not(footer){
                                             width: 100%;
-                                            padding-top: 1rem;
+                                            // padding-top: 1rem;
+                                            position: relative;
+                                            // overflow: hidden;
+                                            z-index: 0;
+                                            &::before {
+                                                content: "";
+                                                position: absolute;
+                                                left: -30%;
+                                                height: 100%;
+                                                width: 110vw;
+                                                // background-color: $background-actus;
+                                                z-index: 0;
+                                            }
+                                            > * {
+                                                position: relative;
+                                                z-index: 1;
+                                              }
                                             h3{
                                                 text-transform: uppercase;
                                                 a{color: rgb(9, 57, 139) !important;}
@@ -323,7 +339,7 @@
                                                         svg.ext{
                                                             display: none;
                                                         }
-                                                        &.type-de-ressource-Publication-issue-du-programme-EQLD{
+                                                        &.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain{
                                                             // background-color: $background-actus;
                                                             .wrapper-ressource{
                                                                 display: grid;
@@ -332,6 +348,9 @@
                                                                 .field--name-field-type-de-ressource{
                                                                     order: 1;
                                                                     grid-row: 1;
+                                                                }
+                                                                .field--name-field-type-de-media{
+
                                                                 }
                                                                 .field--name-field-images{
                                                                     order: 2;
@@ -372,7 +391,8 @@
                                                         }   
                                                         .wrapper-ressource{    
                                                                                                                
-                                                            .field--name-field-type-de-ressource{
+                                                            .field--name-field-type-de-ressource, 
+                                                            .field--name-field-type-de-media{
                                                                 grid-column: 1;
                                                                 text-transform: uppercase;
                                                                 line-height: 1.1rem;
@@ -509,8 +529,9 @@
 
                                         }
 
-                                        .view-type-ressource-slide:has(.type-publication-issue-du-programme-eqld){
-                                            background-color: $background-actus;
+                                        .view-type-ressource-slide:has(.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain){
+                                            &::before{
+                                                background-color: $background-actus;}
                                         }