bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

background slide

Browse Source
This commit is contained in:
ouidade
2025-05-25 22:44:54 +02:00
parent 5515bcafa1
commit ff1761f0e6
2 changed files with 69 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+14 -33
View File
@@ -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 { .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); 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 { .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; 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 { .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; 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 { .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"); content: url("../images/pictos/videos.svg");
padding-right: 0.5rem; 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 { .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"); 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 { .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"); content: url("../images/pictos/podcasts.svg");
padding-right: 0.5rem; 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 { .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"); 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 { .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"); content: url("../images/pictos/en-images.svg");
padding-right: 0.5rem; 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 { .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"); 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 { .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"); content: url("../images/pictos/ecrits.svg");
padding-right: 0.5rem; 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 { .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"); 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 { .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"); content: url("../images/pictos/ecrits.svg");
padding-right: 0.5rem; 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 { .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"); 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 { .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"); content: url("../images/pictos/ecrits.svg");
padding-right: 0.5rem; 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 { .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; 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 { .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; 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 { .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; 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) { .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%; width: 100%;
position: relative; position: relative;
@@ -5603,6 +5582,11 @@ svg.ext {
content: url("../images/pictos/picto-ressource-paroleslaureats.svg"); content: url("../images/pictos/picto-ressource-paroleslaureats.svg");
padding-right: 1rem; 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 { .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"); content: url("../images/pictos/picto-ressource-projetsimages.svg");
padding-right: 1rem; 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 { .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%; 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*/ /*partials*/
.layout-container { .layout-container {
web/themes/custom/eql/scss/pages/ressources.scss
+55 -93
View File
@@ -172,6 +172,9 @@
} }
a { a {
color: $blue-dark; color: $blue-dark;
display: inline-flex;
flex-direction: row;
align-items: center;
&:hover{ &:hover{
color: white; color: white;
} }
@@ -183,13 +186,9 @@
&.button-videos{ &.button-videos{
margin-top: 1rem; margin-top: 1rem;
a { a {
display: inline-flex; &::before{
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/videos.svg"); content:url("../images/pictos/videos.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
} }
&:hover::before{ &:hover::before{
content:url("../images/pictos/videos-blanc.svg"); content:url("../images/pictos/videos-blanc.svg");
@@ -198,76 +197,60 @@
} }
&.button-podcasts{ &.button-podcasts{
a { a {
display: inline-flex; &::before{
flex-direction: row; content:url("../images/pictos/podcasts.svg");
align-items: center; padding-right: 0.5rem;
&::before{
content:url("../images/pictos/podcasts.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/podcasts-blanc.svg");
}
} }
&:hover::before{
content:url("../images/pictos/podcasts-blanc.svg");
}
}
} }
&.button-reportages-photos{ &.button-reportages-photos{
a { a {
display: inline-flex; &::before{
flex-direction: row; content:url("../images/pictos/en-images.svg");
align-items: center; padding-right: 0.5rem;
&::before{
content:url("../images/pictos/en-images.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/en-images-blanc.svg");
}
} }
&:hover::before{
content:url("../images/pictos/en-images-blanc.svg");
}
}
} }
&.button-livres{ &.button-livres{
a { a {
display: inline-flex; &::before{
flex-direction: row; content:url("../images/pictos/ecrits.svg");
align-items: center; padding-right: 0.5rem;
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
} }
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
} }
&.button-articles{ &.button-articles{
a { a {
display: inline-flex; &::before{
flex-direction: row; content:url("../images/pictos/ecrits.svg");
align-items: center; padding-right: 0.5rem;
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
} }
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
} }
&.button-publications-rapports{ &.button-publications-rapports{
a { a {
display: inline-flex; &::before{
flex-direction: row; content:url("../images/pictos/ecrits.svg");
align-items: center; padding-right: 0.5rem;
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
} }
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
} }
} }
} }
form{ form{
&::before{ &::before{
@@ -293,26 +276,17 @@
input{ input{
text-align: start !important; text-align: start !important;
max-width: 100% !important; max-width: 100% !important;
} }
} }
} }
select{ select{
::placeholder{ ::placeholder{
display: none; display: none;
} }
} }
} }
} }
// .view-ressources-hidden {
// visibility: hidden;
// height: 0;
// overflow: hidden;
// }
.view-content{ .view-content{
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
display: flex; display: flex;
@@ -321,10 +295,18 @@
width: 100%; width: 100%;
.view-type-slide.type-publication-issue-du-programme-eqld{ .view-type-slide.type-publication-issue-du-programme-eqld{
order: 1; order: 1;
&::before{
background-color: $background-actus;}
} }
.view-type-slide.type-paroles-de-laureats{order: 2;} .view-type-slide.type-paroles-de-laureats{order: 2;}
.view-type-slide.type-les-projets-en-images{order: 3;} .view-type-slide.type-les-projets-en-images{
.view-type-slide.type-presse{order: 4;} order: 3;
}
.view-type-slide.type-presse{
order: 4;
&::before{
background-color: $background-actus;}
}
.view-type-slide:not(footer){ .view-type-slide:not(footer){
width: 100%; width: 100%;
position: relative; position: relative;
@@ -364,6 +346,9 @@
} }
} }
h3.type-les-projets-en-images { h3.type-les-projets-en-images {
width: 80%;
border-top: solid 2px rgba(0, 0, 0, 0.3);
padding-top: 2rem;
&:before{ &:before{
content:url("../images/pictos/picto-ressource-projetsimages.svg"); content:url("../images/pictos/picto-ressource-projetsimages.svg");
padding-right: 1rem; padding-right: 1rem;
@@ -413,39 +398,16 @@
} }
.slick-next { .slick-next {
right: 15%; 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;
// }
// }
// }
} }
} }
} }
} }
} }
} }
} }
} }
} }
} }