change twig button media

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");
                                                     }
                                                 }
 

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>