From 18ba44d9d0ccc4dc62eb3ecfa0ea49cfe5ed1ada Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 22 May 2025 19:08:17 +0200 Subject: [PATCH] button media css --- .../custom/eql/dist/assets/css/bundle.css | 63 +++- .../assets/images/pictos/ecrits-blanc.svg | 189 ++++++++++++ .../eql/dist/assets/images/pictos/ecrits.png | Bin 0 -> 1053 bytes .../eql/dist/assets/images/pictos/ecrits.svg | 189 ++++++++++++ .../assets/images/pictos/en-images-blanc.svg | 275 ++++++++++++++++++ .../dist/assets/images/pictos/en-images.png | Bin 2977 -> 1156 bytes .../dist/assets/images/pictos/en-images.svg | 275 ++++++++++++++++++ .../assets/images/pictos/podcasts-blanc.svg | 116 ++++++++ .../dist/assets/images/pictos/podcasts.png | Bin 1623 -> 1143 bytes .../dist/assets/images/pictos/podcasts.svg | 116 ++++++++ .../assets/images/pictos/videos-blanc.svg | 74 +++++ .../eql/dist/assets/images/pictos/videos.png | Bin 0 -> 1056 bytes .../eql/dist/assets/images/pictos/videos.svg | 74 +++++ .../custom/eql/scss/pages/ressources.scss | 76 +++-- .../custom/eql/templates/form.html.twig | 28 -- .../eql/templates/partials/form.html.twig | 28 ++ 16 files changed, 1443 insertions(+), 60 deletions(-) create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/ecrits.png create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/en-images.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/videos.png create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/videos.svg delete mode 100644 web/themes/custom/eql/templates/form.html.twig create mode 100644 web/themes/custom/eql/templates/partials/form.html.twig 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 0000000000000000000000000000000000000000..02ec7db37724dab63c9d917ec237a05aa4e50bb6 GIT binary patch literal 1053 zcmV+&1mgRNP)P000>X1^@s6#OZ}&00009a7bBm000jr z000jr0R>t_e*gdg8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H11FA_x zK~zYIwU$pzTvZgtzwgeQ8Qy(^r5j_^!or0Mt*r<(GgB7W+N7p&8jY*&8gYTav`Fa2 zbTTGwEHe<}zi6A(g<)gTgo%bWYKqu)AV93KY)ni{im6=!GH?FAdt3l@2Hrre`YpeE z&-vYR@4N3@iU=BsFMSx+%f$o6AVI-1pi+Q%02BZtkXuUBn7cD{RmS^D4fFUx*qyR; zG4i@ldH{X{k+H&bepV!D?#&^nW5XSQIV!?KBrmw3m5VZwtZoajY$_}u1rWIZ5Z5wg25RhaW#=?3XoCMS@VzbSwMCPS1=(cr0#^9$4Y zSv%^CSRh$@leZEL`y>>I)OumB`g^1KB1xm8X=P!npV!79C4;D%=31{p&IBP}Y!zqS zFJMi(0Mk-y2=ME6K^90uf+E^YdHc=_mYrGNtUOW0U~5?C4PEc7O+w9dn+C z;3uVoS(1tW0|JADQIfUXouRAtV(DFWq|P+_tqUL4(c!6v$%rOEovyR?WE|VUfzpzD z+LH0Uk`o`k&=k}s0G##9QK+o!-Qfh9{l-d_@YmsB>B!O#PuBI2CI|fjd@A$FvIPKc zXyu|^b|#$I$mO~|Qk6gSa&ZVjZ7OB|A{6-j;^aHO)p|}e-A?kw!sBh-Kutf + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 28b73d3d288cb31bfa3d526ae799f07314b82d95..ebb6c9f04be06c719736365de18d45584275bd62 100644 GIT binary patch delta 1134 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 P00000NkvXXu0mjfZ#&0B 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 f2c4d8aa19c114bf3e8a15765794d60e44c82cad..8d61e06f7eded87ce83dd09610c687817f0aa2d0 100644 GIT binary patch delta 1121 zcmV-n1fKiX4EG2&iBL{Q4GJ0x0000DNk~Le0000P0000O2nGNE01vfR#sB~S32;bR za{vGjp8x<4p8*Y+6El%ECw~M4Nkl$`?mh+H zgz&BFDy1ul-^=RwnXooBCmhA+1R4bPN;;hHOMF*~3pb>mC$yPFvtWAjS#9()n`BZI zOTXknA4B$w{QL!5^wqjT*`wYSS>GKB|91T_rS$=$O+&rOFUy)ZvGiUNn=v}NBHRDY zrRl^=Bf7ZlDFiFdKz}%#%_MeBGKn^(UI(~8H!}R7F7LTDsoL1VNJPc=VE6=y0<1c- zndB)S+&vDxYao-^-gp-P7yy{L#1YbvUJV3Nny0|1PzW1o!>g(*9IpRT}9}+n}10hllIubv+-NG!J0L+ zc9S1|==|0JQb$KzbOV5y@pSqTiVNLLe7he300bh$s$RNx zk?}mcOF)kVTaEw#Ag9ik7A9C3p7z|}&I*XjNwf0*2>jQexKGCR7?4gj)AFMqsJbpa zn{`Kn(}_jvI)CQ*y&uzM)L@FSQVe2uG&JmS#zoy2BWsf4-8-RI$HgFZj)J{-e`e~Rzcnqhot|YQk)XH2{W5?tECdCu5T%EfR zKTTks)0lpnkG6)K#Ruj`M*cV@pd+&6&;kOkA3s{3et#0sumN?(+TspBQ2yM`Uu5iH zIM%iyH?wlJi2EYdP7f+6&~_KUJ7eeYyEHPHsql zZH?WYKcBo-4pUX1ddwp-j%ObJv%lrne@A^&dK0AfoB|7#*>-!9c&z;-z_|kMCG|JN zQRC^z@Wte36WUbQI@_tNx(bi+?1h$3fRd#Zjen&+0Qsgyv@&;ja-XLQr)hsZ73hIw zXST29-Erg6^*f`f{Y6ivOHg+{l-;7Ud-BtXb7^bXaibr}U~M2^UL88u(mf&Xdy%MX zogEH3$4NE|>fQJUz)R#xa&gLC00000NkvXXu0mjf9*i2u delta 1605 zcmV-L2D?ET*vjj*ZHHYK)bG)D4>pR zuxd?{*iO?0jWJ-XAhC60ASO|w3c=LYNy{csu*49;cDn&WurkmP(JvJx;AvXA&l~f8raD}0$h#gy+s5y{f36aFl)`>BS|QDG zQl2$5BV`Gn(a~*F?0a~5#8j>mm5plfSrFHQpehbTYz|yFkbLEBL68tTmi;w=y8-j6 zCD=AQHngvilL0_9o`3m*fo1`|7sL~#+~9qxFbzYrCDI?L0OP8Ritzs8Sn}tM7QZ~) z-s~1*^oImy!%gL$H%7koa$N|gGt-T*jsiGeLTH`lw!i*%0TznH_q5xn9s{|Y^VJQ- zBj21@6r#B=yT-5TaRB39Zt&)M=FzV7G9$d1-5THh)O(#4`t>h=n5aH_klw zz?nBe@UExA&g3goO1|zLPJSrxWSuF;ZgL+3wOhd#33U|gfb!AOc=CHexpq8#S|H23 zYdV(cZ||%CfYdf4lP~`PK&Uj=d}F;1*h}1Bk!UVeT345HgSUCPp+2dEVxZpR#4}$H z$}P`$T>vb5@_+2_Yij}kZrAtM6LPCqvPF*$ctIx7o=4uN(Dh!W<#T#;V7|6qJi2Yl z59yZy4TR8B!vzsD0N_*6#KUVBAhfAzFO)CM9@_C#y)O8nxiwTyT?$Z(%IMGw09!~f z$YXYFXdhJnVzl}T01$Sjmcr;qq1CU{0{{RqbODqCB!31-1wsIT`rHC=E#rII#SS|U zQZVi1ca1dy@lHkQNOF{_Gq(CWLkjtXs{j1E2~Z0|JP+X0LZU-yJ^O!wP(48CwE_c2 z=pPOevp*Gb6WNEZqyYO<5jUPr1!*i=V^F#Rs+3I2xgc?CbxE^#|QTU7y`}xkrww%M9L?{pxcLhvT$hENvAix z9f0MH?+Bd41kwdyKe6sROYJ82HK^ZL@78n^nN14rrftYMv`CDYR2n;lwg00NUPoa&^6qv~;I8_#ys86&Ik`uYw5?xW*tM ziq8NzFT}mGhX-E^@^KQ`m!LZ91Ebu2azo%aYBFJV{B=>B-z~sJ8>Sm6Qum z9q|o*IhP;&Q@#9XJbRA;o)B6$6%KDZv41dG*|GF~q4at)g%x^gxKPh%;Y6|QKB&og z`JqP|(es8>)NXOl13c*El6L?=sJ2P=;?e19tq)%U32@p5i(%N4x_{+A&B(-jfSJVwebsya`V z6Qp^@z#4U`c=2CHcAUGaYxl~cRIjthJ|*t}um%8B^_eo82Q;_!?}0V0m 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 0000000000000000000000000000000000000000..0a1f500242590474af56e32ebea188a84656f79a GIT binary patch literal 1056 zcmV+*1mF9KP)P000>X1^@s6#OZ}&00009a7bBm000sr z000sr0Xi4#qyPW_8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H11FcC! zK~zYIrIt@j9Ay~BpZA+xnAurK+SHyzP8v;G2>}BP#DqwK;ZS3YAxmOvYw4v{E&p0i zn>`s}SVK8k8f!3u@lSedQ*BZc>cTeIn#x5_YQ0%w3p+F0h5a56zy@1}UF?&5mv5f; z`OW*ypYIcr2$S?o*2eA!r!=KkAaw*p01XiVNrHbWZOr<6qZ7Pzayc|-JBW0qOzT1X z6N0Y@<+f0!{Orm!nOrM*1j=q7e?#lyanfiIB^QILm404J=F382PTCRhvSu-xUk&=W zn7kX>>SjoDYM&XkW|XKFD&6g0A6fX1fn;geEgv2++eSUR%}s2buXNaLZo+JJb9TFX zc}OvMdze z4wk(ME+q?g$lb*?16}$gnK%jpLeT%BA4FG4XTKfmPEq$m`2p5xgMR+^* zPyQXHHF}lC`JF5HYoxgPGNE6x+sD3*x4O?)0ursxYe7PZ;7KnVd{(YtIs5+K{`}Cp z&^V(N&RWjc$2Bj0@Wf6ves*PAfI0;cZ2gkU$(tX(8O#rL3UIZ!7QGs4cTdZKRMmFg z^;{8!9sXTmB0)bh{8gZIhY-)1weg$P&iJ!oezj}DhNSsi)Y8UL051S~v@k#T%MK7y zWOp#D&F!+PmNO#U<5zo4L1uWG#3M^0l8OLigiv?vmeIq&$c1v@X6x9~O3Ap0jPmzJCrG0~ znp6A2?Xrj9QZPT%RVhFk-2DU&7VdeIikD68yTuSD` aa{dK8m-*)EwUz4t0000^$ literal 0 HcmV?d00001 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 32e5c5a..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 - */ -#} -
- - - - - - - - -
- - - {{ children }} - 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 + */ +#} +
+ + + + + + + + +
+ + + {{ children }} +