From e65412f9fc5c3d667424740be2102d832b4beba4 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 5 Jun 2025 11:42:47 +0200
Subject: [PATCH] change twig button media

---
 .../custom/eql/dist/assets/css/bundle.css     |  39 +++----
 .../custom/eql/scss/pages/ressources.scss     | 104 ++++++++----------
 .../eql/templates/partials/form.html.twig     |  11 +-
 3 files changed, 66 insertions(+), 88 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index f2e6410..9fe9da6 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -5459,71 +5459,66 @@ svg.ext {
     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 button {
+.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 a.button {
   background-color: transparent;
   border: 1px solid black;
   padding: 0.3rem 0.5rem 0.1rem 0.3rem;
   margin-bottom: 0.5rem;
   margin-right: 0.5rem;
   font-size: 0.8rem;
-}
-.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 {
   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 a.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 :visited {
+.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 a.button :visited {
   color: rgb(9, 57, 139);
 }
-.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 a.button.button-videos::before {
   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, .is-active .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 a.button.button-videos:hover::before, .is-active .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 a.button.button-videos::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::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 a.button.button-podcasts::before {
   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 {
+.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 a.button.button-podcasts: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-images---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 a.button.button-images---photos::before {
   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-images---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 a.button.button-images---photos: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::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 a.button.button-livres::before {
   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 {
+.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 a.button.button-livres: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::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 a.button.button-articles::before {
   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-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 a.button.button-articles: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::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 a.button.button-publications---rapports::before {
   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-publications---rapports 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 a.button.button-publications---rapports: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.is-active {
diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss
index 419f5be..55b78d7 100644
--- a/web/themes/custom/eql/scss/pages/ressources.scss
+++ b/web/themes/custom/eql/scss/pages/ressources.scss
@@ -179,7 +179,7 @@
                                                 }
                                             }
                                       
-                                            button{
+                                            a.button{
                                                 background-color: transparent;
                                                 // border-radius: 30px;
                                                 border: 1px solid black;
@@ -187,91 +187,73 @@
                                                 margin-bottom: 0.5rem;
                                                 margin-right: 0.5rem;
                                                 font-size: 0.8rem;
+                                                color: $blue-dark;
+                                                display: inline-flex;
+                                                flex-direction: row;
+                                                align-items: center;
                                                 &:hover{
                                                     cursor: grab;
                                                     background-color: $blue-dark;
                                                     color: white;
                                                 }
-                                           
-                                                a {
+                                                :visited{
                                                     color: $blue-dark;
-                                                    display: inline-flex;
-                                                    flex-direction: row;
-                                                    align-items: center;
-                                                    &:hover{
-                                                        color: white;
-                                                    }
-                                                    :visited{
-                                                        color: $blue-dark;
-                                                    }
                                                 }
+                                                
 
                                                 &.button-videos{
-                                                    a {
-                                                         &::before{
+                                                    &::before{
                                                         content:url("../images/pictos/videos.svg");
                                                         padding-right: 0.5rem;
-                                                        }
-                                                        &:hover::before,
-                                                        .is-active &::before{
-                                                            content:url("../images/pictos/videos-blanc.svg");
-                                                        }
-                                                       
                                                     }
-                                                }
+                                                    &:hover::before,
+                                                    .is-active &::before{
+                                                        content:url("../images/pictos/videos-blanc.svg");
+                                                    }
+                                                    }
                                                 &.button-podcasts{
-                                                    a {
-                                                        &::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-images---photos{
-                                                    a {
-                                                        &::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 {
-                                                        &::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 {
-                                                        &::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 {
-                                                        &::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");
                                                     }
                                                 }
 
diff --git a/web/themes/custom/eql/templates/partials/form.html.twig b/web/themes/custom/eql/templates/partials/form.html.twig
index 7b85f52..5a3c931 100644
--- a/web/themes/custom/eql/templates/partials/form.html.twig
+++ b/web/themes/custom/eql/templates/partials/form.html.twig
@@ -27,11 +27,12 @@
 
 <div class="buttons-filtres-ressources">
   {% for item in media_links %}
-    <button class="button-{{ item.slug }}{% if item.active %} is-active{% endif %}" type="button">
-      <a href="{{ path('<front>') ~ 'ressources?field_type_de_media_target_id=' ~ item.tid ~ '&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=' }}">
-        {{ item.label }}
-      </a>
-    </button>
+    <a
+      class="button button-{{ item.slug }}{% if item.active %} is-active{% endif %}"
+      href="{{ path('<front>') ~ 'ressources?field_type_de_media_target_id=' ~ item.tid ~ '&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=' }}"
+    >
+      {{ item.label }}
+    </a>
   {% endfor %}
 </div>