diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 659f322..54ad2b6 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5370,7 +5370,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 { display: grid; - grid-template-columns: 20% 75%; + grid-template-columns: 30% 75%; gap: 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-filters { @@ -5396,23 +5396,21 @@ 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-filters::before { - content: "Filtrer par : "; +.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::before { + content: "Afficher : "; padding-right: 1rem; font-weight: 800; margin-bottom: 1rem; + display: block; + width: 100%; } @media (max-width: 479px) { - .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::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::before { padding-bottom: 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 { - margin-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-filters .buttons-filtres-ressources button { background-color: transparent; - border-radius: 30px; border: 1px solid black; padding: 0.5rem 0.8rem 0.2rem 0.6rem; margin-bottom: 1rem; @@ -5420,6 +5418,14 @@ 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:hover { cursor: grab; + background-color: rgb(9, 57, 139); + color: white; +} +.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; +} +.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; @@ -5427,54 +5433,83 @@ svg.ext { 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/podcasts.png"); + content: url("../images/pictos/videos.svg"); padding-right: 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-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.png"); + content: url("../images/pictos/podcasts.svg"); padding-right: 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-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/podcasts.png"); + content: url("../images/pictos/en-images.svg"); padding-right: 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-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/podcasts.png"); + content: url("../images/pictos/ecrits.svg"); padding-right: 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-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/podcasts.png"); + content: url("../images/pictos/ecrits.png"); padding-right: 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-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/podcasts.png"); + content: url("../images/pictos/ecrits.png"); padding-right: 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-filters .buttons-filtres-ressources button.button-publications-rapports 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 form::before { + content: "Filtrer par : "; + padding-right: 1rem; + font-weight: 800; + margin-bottom: 1rem; +} +@media (max-width: 479px) { + .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 form::before { + padding-bottom: 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-ressources-hidden { visibility: hidden; height: 0; diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg new file mode 100644 index 0000000..6adc8ea --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg @@ -0,0 +1,189 @@ + + + + diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.png b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.png new file mode 100644 index 0000000..02ec7db Binary files /dev/null and b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg new file mode 100644 index 0000000..dcfd7f4 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg @@ -0,0 +1,189 @@ + + + + diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg new file mode 100644 index 0000000..f673c02 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg @@ -0,0 +1,275 @@ + + + + diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images.png b/web/themes/custom/eql/dist/assets/images/pictos/en-images.png index 28b73d3..ebb6c9f 100644 Binary files a/web/themes/custom/eql/dist/assets/images/pictos/en-images.png and b/web/themes/custom/eql/dist/assets/images/pictos/en-images.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg b/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg new file mode 100644 index 0000000..a1eff63 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg @@ -0,0 +1,275 @@ + + + + diff --git a/web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg new file mode 100644 index 0000000..43bb9b3 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg @@ -0,0 +1,116 @@ + + + + diff --git a/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png b/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png index f2c4d8a..8d61e06 100644 Binary files a/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png and b/web/themes/custom/eql/dist/assets/images/pictos/podcasts.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg b/web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg new file mode 100644 index 0000000..5c4d705 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg @@ -0,0 +1,116 @@ + + + + diff --git a/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg new file mode 100644 index 0000000..dd79191 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg @@ -0,0 +1,74 @@ + + + + diff --git a/web/themes/custom/eql/dist/assets/images/pictos/videos.png b/web/themes/custom/eql/dist/assets/images/pictos/videos.png new file mode 100644 index 0000000..0a1f500 Binary files /dev/null and b/web/themes/custom/eql/dist/assets/images/pictos/videos.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/videos.svg b/web/themes/custom/eql/dist/assets/images/pictos/videos.svg new file mode 100644 index 0000000..4499515 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/videos.svg @@ -0,0 +1,74 @@ + + + + diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index d66ef91..6993861 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -120,7 +120,7 @@ } .view-base-de-donnees{ display: grid; - grid-template-columns: 20% 75%; + grid-template-columns: 30% 75%; gap: 2rem; .view-filters{ position: sticky; @@ -141,36 +141,50 @@ @media (max-width: 479px) { margin-left: 0; } - &::before{ - content: "Filtrer par : "; - padding-right: 1rem; - font-weight: 800; - margin-bottom: 1rem; - @media (max-width: 479px){ - padding-bottom: 1rem; - } - } + .buttons-filtres-ressources{ - margin-top: 2rem; + &::before{ + content: "Afficher : "; + padding-right: 1rem; + font-weight: 800; + margin-bottom: 1rem; + display: block; + width: 100%; + @media (max-width: 479px){ + padding-bottom: 1rem; + } + } button{ background-color: transparent; - border-radius: 30px; + // border-radius: 30px; border: 1px solid black; padding: 0.5rem 0.8rem 0.2rem 0.6rem; margin-bottom: 1rem; margin-right: 0.5rem; &:hover{ cursor: grab; + background-color: $blue-dark; + color: white; + } + a { + &:hover{ + color: white; + } } &.button-videos{ + margin-top: 1rem; a { display: inline-flex; flex-direction: row; align-items: center; &::before{ - content:url("../images/pictos/podcasts.png"); + content:url("../images/pictos/videos.svg"); padding-right: 0.5rem; + + } + &:hover::before{ + content:url("../images/pictos/videos-blanc.svg"); } } } @@ -180,9 +194,12 @@ flex-direction: row; align-items: center; &::before{ - content:url("../images/pictos/podcasts.png"); + content:url("../images/pictos/podcasts.svg"); padding-right: 0.5rem; } + &:hover::before{ + content:url("../images/pictos/podcasts-blanc.svg"); + } } } &.button-reportages-photos{ @@ -191,9 +208,12 @@ flex-direction: row; align-items: center; &::before{ - content:url("../images/pictos/podcasts.png"); + content:url("../images/pictos/en-images.svg"); padding-right: 0.5rem; } + &:hover::before{ + content:url("../images/pictos/en-images-blanc.svg"); + } } } &.button-livres{ @@ -202,9 +222,12 @@ flex-direction: row; align-items: center; &::before{ - content:url("../images/pictos/podcasts.png"); + content:url("../images/pictos/ecrits.svg"); padding-right: 0.5rem; } + &:hover::before{ + content:url("../images/pictos/ecrits-blanc.svg"); + } } } &.button-articles{ @@ -213,9 +236,12 @@ flex-direction: row; align-items: center; &::before{ - content:url("../images/pictos/podcasts.png"); + content:url("../images/pictos/ecrits.png"); padding-right: 0.5rem; } + &:hover::before{ + content:url("../images/pictos/ecrits-blanc.svg"); + } } } &.button-publications-rapports{ @@ -224,14 +250,28 @@ flex-direction: row; align-items: center; &::before{ - content:url("../images/pictos/podcasts.png"); + content:url("../images/pictos/ecrits.png"); padding-right: 0.5rem; } + &:hover::before{ + content:url("../images/pictos/ecrits-blanc.svg"); + } } } } } + form{ + &::before{ + content: "Filtrer par : "; + padding-right: 1rem; + font-weight: 800; + margin-bottom: 1rem; + @media (max-width: 479px){ + padding-bottom: 1rem; + } + } + } } diff --git a/web/themes/custom/eql/templates/form.html.twig b/web/themes/custom/eql/templates/form.html.twig deleted file mode 100644 index a9eb849..0000000 --- a/web/themes/custom/eql/templates/form.html.twig +++ /dev/null @@ -1,28 +0,0 @@ -{# -/** - * @file - * Default theme implementation for a 'form' element. - * - * Available variables - * - attributes: A list of HTML attributes for the wrapper element. - * - children: The child elements of the form. - * - * @see template_preprocess_form() - * - * @ingroup themeable - */ -#} -
- - diff --git a/web/themes/custom/eql/templates/partials/form.html.twig b/web/themes/custom/eql/templates/partials/form.html.twig new file mode 100644 index 0000000..7d41d59 --- /dev/null +++ b/web/themes/custom/eql/templates/partials/form.html.twig @@ -0,0 +1,28 @@ +{# +/** + * @file + * Default theme implementation for a 'form' element. + * + * Available variables + * - attributes: A list of HTML attributes for the wrapper element. + * - children: The child elements of the form. + * + * @see template_preprocess_form() + * + * @ingroup themeable + */ +#} + + +