button media twig

web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg

@@ -7,8 +7,33 @@
    width="24.361286"
    height="24.678955"
    viewBox="0 0 24.361286 24.678955"
+   sodipodi:docname="ecrits.svg"
+   inkscape:export-filename="ecrits.svg"
+   inkscape:export-xdpi="78.809998"
+   inkscape:export-ydpi="78.809998"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="32.699926"
+     inkscape:cx="12.171281"
+     inkscape:cy="12.339478"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="96"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
   <defs
      id="defs1">
     <clipPath

web/themes/custom/eql/dist/assets/images/pictos/en-images.svg

@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="22.666534"
-   height="22.542389"
-   viewBox="0 0 22.666534 22.542389"
+   width="22.666536"
+   height="22.5424"
+   viewBox="0 0 22.666536 22.5424"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -174,7 +174,7 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-18.665826,-500.72726)">
+     transform="translate(-18.666667,-500.72727)">
     <g
        id="g5958"
        clip-path="url(#clipPath5958)">

web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg

@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="20.350399"
+   width="20.350401"
    height="20.393066"
-   viewBox="0 0 20.350399 20.393066"
+   viewBox="0 0 20.350401 20.393066"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -47,25 +47,25 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-24.148428,-455.92258)">
+     transform="translate(-24.14796,-455.92257)">
     <g
        id="g5835"
        clip-path="url(#clipPath5836)">
       <path
          d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
-         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
          clip-path="url(#clipPath5830)"
          id="path5833" />
       <path
          d="M 1.05698,-1.8233 10.0942,-7.1082 1.05698,-12.3931 Z M 0,0 V -14.1108 L 12.2346,-7.1082 0,-0.0528 Z"
-         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.63690667,0,0,-0.63824,31.435936,461.78224)"
          clip-path="url(#clipPath5831)"
          id="path5834" />
       <path
          d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
-         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
          clip-path="url(#clipPath5832)"
          id="path5835" />

web/themes/custom/eql/scss/pages/ressources.scss

@@ -153,6 +153,7 @@
                                         z-index: 1;
                                         transform: translateY(-210px);
                                         margin-bottom: -210px;
+                                        overflow-y: scroll;
 
                                         @media (max-width: 810px) {
                                             position: static;
@@ -205,55 +206,74 @@
                                                     &::before{
                                                         content:url("../images/pictos/videos.svg");
                                                         padding-right: 0.5rem;
+                                                        display: block;
+
                                                     }
                                                     &:hover::before,
                                                     .is-active &::before{
                                                         content:url("../images/pictos/videos-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                     }
                                                 &.button-podcasts{
                                                     &::before{
                                                     content:url("../images/pictos/podcasts.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/podcasts-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-images---photos{
                                                     &::before{
                                                     content:url("../images/pictos/en-images.svg");
+                                                    display: block;
                                                     padding-right: 0.5rem;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/en-images-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-livres{
                                                     &::before{
                                                     content:url("../images/pictos/ecrits.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-articles{
                                                     &::before{
                                                     content:url("../images/pictos/ecrits.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-publications---rapports{
                                                     &::before{
                                                     content:url("../images/pictos/ecrits.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
 

web/themes/custom/eql/templates/partials/form.html.twig

@@ -12,7 +12,7 @@
  * @ingroup themeable
  */
 #}
-{# 
+
   <div class="buttons-filtres-ressources">
    <button class="button-videos" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=693&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Vidéos</a></button>
 
@@ -22,9 +22,9 @@
    <button class="button-livres" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Livres</a></button>
    <button class="button-articles" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=694&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Articles</a></button>
    <button class="button-publications-rapports" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Publications/rapports</a></button>
-</div> #}
-
+</div>
 
+{# 
 <div class="buttons-filtres-ressources">
   {% for item in media_links %}
     <a
@@ -33,8 +33,9 @@
     >
       {{ item.label }}
     </a>
+    
   {% endfor %}
-</div>
+</div> #}
 
 
 <form{{ attributes }}>