diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 9cb09cb..754694c 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/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 { diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index 26cc6be..83922f8 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/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; - // } - // } - // } - - - + } } } } - } } } - } } - } - - }