button media twig

This commit is contained in:
2025-06-05 13:01:41 +02:00
parent f6f113dc1c
commit 5ee0eccdc9
8 changed files with 119 additions and 50 deletions
+13
View File
@@ -5431,6 +5431,7 @@ svg.ext {
z-index: 1;
transform: translateY(-210px);
margin-bottom: -210px;
overflow-y: scroll;
}
@media (max-width: 810px) {
.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 {
@@ -5482,44 +5483,56 @@ 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 a.button.button-videos::before {
content: url("../images/pictos/videos.svg");
padding-right: 0.5rem;
display: block;
}
.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");
display: block;
}
.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;
display: block;
}
.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");
display: block;
}
.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");
display: block;
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 a.button.button-images---photos:hover::before {
content: url("../images/pictos/en-images-blanc.svg");
display: block;
}
.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;
display: block;
}
.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");
display: block;
}
.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;
display: block;
}
.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");
display: block;
}
.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;
display: block;
}
.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");
display: block;
}
.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 {
background-color: rgb(9, 57, 139);
@@ -4,9 +4,9 @@
<svg
version="1.1"
id="svg1"
width="24.361286"
height="24.678955"
viewBox="0 0 24.361286 24.678955"
width="24.361284"
height="24.678932"
viewBox="0 0 24.361284 24.678932"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
@@ -118,7 +118,7 @@
</defs>
<g
id="layer-oc0"
transform="translate(-20.101494,-544.98144)">
transform="translate(-20.101627,-544.98144)">
<g
id="g5861"
clip-path="url(#clipPath5862)">
@@ -130,57 +130,57 @@
id="g5853">
<path
d="M 0.35979,-17.2984 H 11.5089 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 1.8702 h 1.8701 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 11.1852 0 c 0,0.036 0,0.072 -0.036,0.1078 v 0.036 c 0,0.036 -0.036,0.036 -0.036,0.072 0,0 0,0.036 -0.036,0.036 v 0 l -3.6684,3.165 c -0.036,0.036 -0.0719,0.036 -0.0719,0.072 h -0.036 c -0.036,0 -0.0719,0 -0.1079,0.035 0,0 0,0 -0.036,0 L 2.58948,0 C 2.37369,0 2.22983,-0.1438 2.22983,-0.3596 V -2.2298 H 0.35965 C 0.14386,-2.2298 0,-2.3736 0,-2.5894 v -14.3501 c 0,-0.2157 0.17982,-0.3596 0.35965,-0.3596 z M 10.43,-1.186 12.7317,-3.1641 H 10.43 Z m -7.48074,0.4315 h 6.76141 v -2.7334 c 0,-0.2157 0.14386,-0.3596 0.35963,-0.3596 h 3.3088 v -10.5017 c -3.74036,0 -6.65352,0 -10.42984,0 z M 0.71943,-2.9844 H 2.22996 V -14.709 c 0,-0.2157 0.14386,-0.3596 0.35965,-0.3596 h 8.55969 v -1.5105 H 0.71943 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.76242667,0,0,-0.77237333,27.37398,551.16682)"
clip-path="url(#clipPath5842)"
id="path5853" />
</g>
<path
d="m 0.35965,-0.7193 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3597 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5394 0.14386,-0.7193 0.35965,-0.7193 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.76242667,0,0,-0.77237333,30.856501,555.27747)"
clip-path="url(#clipPath5844)"
id="path5854" />
<path
d="m 0.35965,-0.7192 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3596 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 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.76242667,0,0,-0.77237333,30.856501,556.72196)"
clip-path="url(#clipPath5845)"
id="path5855" />
<path
d="M 7.193,-0.3596 C 7.193,-0.1437 7.04914,0 6.83334,0 H 0.35965 C 0.14386,0 0,-0.1437 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 h 6.50966 c 0.17983,0 0.32369,0.1439 0.32369,0.3596 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.76242667,0,0,-0.77237333,30.856501,558.16646)"
clip-path="url(#clipPath5846)"
id="path5856" />
<path
d="M 0.35979,-17.2984 H 11.5089 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 1.8702 h 1.8701 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 11.1852 0 c 0,0.036 0,0.072 -0.036,0.1078 v 0.036 c 0,0.036 -0.036,0.036 -0.036,0.072 0,0 0,0.036 -0.036,0.036 v 0 l -3.6684,3.165 c -0.036,0.036 -0.0719,0.036 -0.0719,0.072 h -0.036 c -0.036,0 -0.0719,0 -0.1079,0.035 0,0 0,0 -0.036,0 L 2.58948,0 C 2.37369,0 2.22983,-0.1438 2.22983,-0.3596 V -2.2298 H 0.35965 C 0.14386,-2.2298 0,-2.3736 0,-2.5894 v -14.3501 c 0,-0.2157 0.17982,-0.3596 0.35965,-0.3596 z M 10.43,-1.186 12.7317,-3.1641 H 10.43 Z m -7.48074,0.4315 h 6.76141 v -2.7334 c 0,-0.2157 0.14386,-0.3596 0.35963,-0.3596 h 3.3088 v -10.5017 c -3.74036,0 -6.65352,0 -10.42984,0 z M 0.71943,-2.9844 H 2.22996 V -14.709 c 0,-0.2157 0.14386,-0.3596 0.35965,-0.3596 h 8.55969 v -1.5105 H 0.71943 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.76242667,0,0,-0.77237333,27.37398,551.16682)"
clip-path="url(#clipPath5847)"
id="path5857" />
<path
d="m 0.35965,-0.7193 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3597 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5394 0.14386,-0.7193 0.35965,-0.7193 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.76242667,0,0,-0.77237333,30.856501,555.27747)"
clip-path="url(#clipPath5848)"
id="path5858" />
<path
d="m 0.35965,-0.7192 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3596 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 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.76242667,0,0,-0.77237333,30.856501,556.72196)"
clip-path="url(#clipPath5849)"
id="path5859" />
<path
d="M 7.193,-0.3596 C 7.193,-0.1437 7.04914,0 6.83334,0 H 0.35965 C 0.14386,0 0,-0.1437 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 h 6.50966 c 0.17983,0 0.32369,0.1439 0.32369,0.3596 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.76242667,0,0,-0.77237333,30.856501,558.16646)"
clip-path="url(#clipPath5850)"
id="path5860" />
</g>
<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.76242667,0,0,-0.77237333,20.101627,544.98135)"
clip-path="url(#clipPath5852)"
id="path5861" />

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

@@ -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

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

@@ -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,31 +174,37 @@
</defs>
<g
id="layer-oc0"
transform="translate(-18.665826,-500.72726)">
transform="translate(-18.666667,-500.72727)"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<g
id="g5958"
clip-path="url(#clipPath5958)">
clip-path="url(#clipPath5958)"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<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:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
transform="matrix(0.70938667,0,0,-0.70550667,18.666667,500.72721)"
clip-path="url(#clipPath5929)"
id="path5947" />
<g
clip-path="url(#clipPath5939)"
id="g5953">
id="g5953"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<g
clip-path="url(#clipPath5934)"
id="g5950">
id="g5950"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<g
clip-path="url(#clipPath5932)"
id="g5949">
id="g5949"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<g
clip-path="url(#clipPath5931)"
id="g5948">
id="g5948"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<path
d="M 14.678,-3.1167 H 11.0752 L 9.22936,0 H 5.53762 L 3.69174,-3.1167 H 0 v -8.905 h 14.678 z m -0.4448,-8.4597 H 0.44479 v 8.0144 h 3.51382 l 1.84588,3.1167 H 9.00696 L 10.8528,-3.562 h 3.3804 z"
style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
transform="matrix(0.70938667,0,0,-0.70550667,24.836245,507.74707)"
clip-path="url(#clipPath5930)"
id="path5948" />
@@ -206,27 +212,29 @@
</g>
<path
d="M 5.61914,0 3.77344,-3.1152 H 0 v -9.2832 h 15.0566 v 9.2832 H 11.3731 L 9.52539,0 Z m 0.21485,-0.3769 h 3.47656 l 1.84575,-3.1172 h 3.5214 v -8.5273 H 0.37891 v 8.5273 h 3.60937 z m 0.0527,-0.068 -1.8457,-3.1152 h -3.5957 v -8.3926 H 14.6113 v 8.3926 H 11.1504 L 9.30466,-0.4449 Z M 6.10154,-0.8218 H 9.08786 L 10.9336,-3.939 h 3.3008 v -7.6367 H 0.82224 v 7.6367 h 3.43359 z"
style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
transform="matrix(0.70938667,0,0,-0.70550667,24.702029,507.61416)"
clip-path="url(#clipPath5933)"
id="path5949" />
</g>
<g
clip-path="url(#clipPath5938)"
id="g5952">
id="g5952"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<g
clip-path="url(#clipPath5936)"
id="g5951">
id="g5951"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<path
d="M 2.89112,0 C 1.28989,0 0,-1.2911 0,-2.894 c 0,-1.6029 1.28989,-2.8942 2.89112,-2.8942 1.60124,0 2.89113,1.2913 2.89113,2.8942 C 5.78225,-1.2911 4.49236,0 2.89112,0 Z m 0,-5.3429 c -1.35661,0 -2.44633,1.0909 -2.44633,2.4489 0,1.358 1.08972,2.4488 2.44633,2.4488 1.3566,0 2.44634,-1.0908 2.44634,-2.4488 0,-1.358 -1.08974,-2.4489 -2.44634,-2.4489 z"
style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
transform="matrix(0.70938667,0,0,-0.70550667,28.070396,510.63704)"
clip-path="url(#clipPath5935)"
id="path5950" />
</g>
<path
d="M 3.08007,0 C 1.37726,0 0,-1.3797 0,-3.0839 0,-4.7882 1.37725,-6.166 3.08007,-6.166 c 1.70284,0 3.08008,1.3778 3.08008,3.0821 C 6.16015,-1.3797 4.7829,0 3.08007,0 Z m 0,-0.3789 c 1.49966,0 2.70313,-1.2035 2.70313,-2.705 0,-1.5016 -1.20348,-2.7051 -2.70313,-2.7051 -1.49963,0 -2.70117,1.2035 -2.70117,2.7051 0,1.5015 1.20153,2.705 2.70117,2.705 z m 0,-0.066 c -1.4579,0 -2.63476,-1.1795 -2.63476,-2.6386 0,-1.4591 1.17685,-2.6368 2.63476,-2.6368 1.45791,0 2.63672,1.1777 2.63672,2.6368 0,1.4591 -1.17882,2.6386 -2.63672,2.6386 z m 0,-0.3769 c 1.2553,0 2.25782,-1.0048 2.25782,-2.2617 0,-1.2569 -1.00252,-2.2598 -2.25782,-2.2598 -1.2553,0 -2.25585,1.0029 -2.25585,2.2598 0,1.2569 1.00054,2.2617 2.25585,2.2617 z"
style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
clip-path="url(#clipPath5937)"
id="path5951" />
@@ -234,38 +242,40 @@
</g>
<g
clip-path="url(#clipPath5946)"
id="g5957">
id="g5957"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<g
clip-path="url(#clipPath5941)"
id="g5954">
id="g5954"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<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.70938667,0,0,-0.70550667,18.666667,500.72721)"
clip-path="url(#clipPath5940)"
id="path5953" />
</g>
<path
d="M 14.678,-3.1167 H 11.0752 L 9.22936,0 H 5.53762 L 3.69174,-3.1167 H 0 v -8.905 h 14.678 z m -0.4448,-8.4597 H 0.44479 v 8.0144 h 3.51382 l 1.84588,3.1167 H 9.00696 L 10.8528,-3.562 h 3.3804 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.70938667,0,0,-0.70550667,24.836245,507.74707)"
clip-path="url(#clipPath5942)"
id="path5954" />
<path
d="M 5.61914,0 3.77344,-3.1152 H 0 v -9.2832 h 15.0566 v 9.2832 H 11.3731 L 9.52539,0 Z m 0.21485,-0.3769 h 3.47656 l 1.84575,-3.1172 h 3.5214 v -8.5273 H 0.37891 v 8.5273 h 3.60937 z m 0.0527,-0.068 -1.8457,-3.1152 h -3.5957 v -8.3926 H 14.6113 v 8.3926 H 11.1504 L 9.30466,-0.4449 Z M 6.10154,-0.8218 H 9.08786 L 10.9336,-3.939 h 3.3008 v -7.6367 H 0.82224 v 7.6367 h 3.43359 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.70938667,0,0,-0.70550667,24.702029,507.61416)"
clip-path="url(#clipPath5943)"
id="path5955" />
<path
d="M 2.89112,0 C 1.28989,0 0,-1.2911 0,-2.894 c 0,-1.6029 1.28989,-2.8942 2.89112,-2.8942 1.60124,0 2.89113,1.2913 2.89113,2.8942 C 5.78225,-1.2911 4.49236,0 2.89112,0 Z m 0,-5.3429 c -1.35661,0 -2.44633,1.0909 -2.44633,2.4489 0,1.358 1.08972,2.4488 2.44633,2.4488 1.3566,0 2.44634,-1.0908 2.44634,-2.4488 0,-1.358 -1.08974,-2.4489 -2.44634,-2.4489 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.70938667,0,0,-0.70550667,28.070396,510.63704)"
clip-path="url(#clipPath5944)"
id="path5956" />
<path
d="M 3.08007,0 C 1.37726,0 0,-1.3797 0,-3.0839 0,-4.7882 1.37725,-6.166 3.08007,-6.166 c 1.70284,0 3.08008,1.3778 3.08008,3.0821 C 6.16015,-1.3797 4.7829,0 3.08007,0 Z m 0,-0.3789 c 1.49966,0 2.70313,-1.2035 2.70313,-2.705 0,-1.5016 -1.20348,-2.7051 -2.70313,-2.7051 -1.49963,0 -2.70117,1.2035 -2.70117,2.7051 0,1.5015 1.20153,2.705 2.70117,2.705 z m 0,-0.066 c -1.4579,0 -2.63476,-1.1795 -2.63476,-2.6386 0,-1.4591 1.17685,-2.6368 2.63476,-2.6368 1.45791,0 2.63672,1.1777 2.63672,2.6368 0,1.4591 -1.17882,2.6386 -2.63672,2.6386 z m 0,-0.3769 c 1.2553,0 2.25782,-1.0048 2.25782,-2.2617 0,-1.2569 -1.00252,-2.2598 -2.25782,-2.2598 -1.2553,0 -2.25585,1.0029 -2.25585,2.2598 0,1.2569 1.00054,2.2617 2.25585,2.2617 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.70938667,0,0,-0.70550667,27.935839,510.5037)"
clip-path="url(#clipPath5945)"
id="path5957" />

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

@@ -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)">

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

@@ -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" />

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

@@ -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;
}
}
@@ -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 }}>