From 4d6f2e4ca182a97d8bc98926753b2b129d37ff6e Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 15 May 2025 12:30:47 +0200 Subject: [PATCH] sticky filters --- .../custom/eql/dist/assets/css/bundle.css | 15 ++-- .../dist/assets/images/pictos/download.png | Bin 0 -> 1007 bytes .../assets/images/pictos/external_link.svg | 70 ------------------ .../images/pictos/noun_External Link.svg | 38 ---------- .../pictos/noun_External Link_674151.svg | 35 --------- .../custom/eql/images/pictos/download.png | Bin 0 -> 1007 bytes web/themes/custom/eql/scss/pages/_static.scss | 21 +----- .../custom/eql/scss/pages/ressources.scss | 12 ++- 8 files changed, 19 insertions(+), 172 deletions(-) create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/download.png delete mode 100644 web/themes/custom/eql/dist/assets/images/pictos/external_link.svg delete mode 100644 web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg delete mode 100644 web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg create mode 100644 web/themes/custom/eql/images/pictos/download.png diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 0669610..5329083 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -385,10 +385,9 @@ svg.ext { margin: auto; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf ::before { - content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width: 25px; + content: url("../images/pictos/download.png"); height: auto; - padding-right: 0.5rem; + padding-right: 1rem; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf a { hyphens: auto; @@ -413,6 +412,7 @@ svg.ext { justify-items: center; color: rgb(0, 158, 227); font-weight: 800; + align-items: center; } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { content: url("../images/pictos/external_link.png"); @@ -5330,6 +5330,9 @@ svg.ext { padding-right: 2rem; } +.path-ressources .layout-container { + overflow: visible; +} .path-ressources .layout-content { width: 100vw; } @@ -5439,12 +5442,8 @@ svg.ext { order: 3; } } -.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: flex; - flex-direction: row; -} .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 { - position: fixed; + position: sticky; top: 13rem; left: 0; width: 15%; diff --git a/web/themes/custom/eql/dist/assets/images/pictos/download.png b/web/themes/custom/eql/dist/assets/images/pictos/download.png new file mode 100644 index 0000000000000000000000000000000000000000..05dd1294710157aff3e3b4ed0171a43ee632e186 GIT binary patch literal 1007 zcmVteBvrM1!CRo5KHKic*w?G#J@{A3NjL zxT_Wx2#OWNl`afl32XpeN@5!}2qI!17iVto<%Zgsxig(pGf#4ICv)e0&-=UYIcLt? zyaUh$>;|p^lYlE~zXB_5lcxa;RTzAG`yE)72SiCGmI5Qd_sp(V0B^LNn*jQ4U&!jL zF`NeTrnQ6Nu!&|i-Ua?nj>m!3S$uT?%Kdv5s}W!a0p@Yww4|Q2#$9Dal}ENmft>`H zZeT1eOjIB+1=Gk(1EzN-yXZgwY##;&Xu^Cu6HJsK0Je_+uLFP4%*@*9u8$T3!1i%q zI|1fVLT2s@6Ez4-!EEDRm}lFsiyj2P_Sb}AcAIHn<^%|U?QaN~xeYu5oRqY_@%@|u zfhm|qW)=X)CA|Q13Cm!$moR~U?$lS+8Nv2tpjXn9z*8B`2M7;_)q^x-`x(n!(+k`_vuUuHj0enyr9*Ma>d_frq8=v0HmrWzzR)gZB{28m5INNlP> zVp9zgn`)5QRD;B(Odyg5B)wQxFi9WXk`73EFpFL4|9&Ms27C%UBx#H7!V7RDEd<7Z zHNa)y^R%|9Gh+KX@Cxt`a79IS18f9tk^`m%VhwP}_S<=5fe!B@Eiiu&U|vmQCutGz1Mmz1;+;<7 zfC6raw$IXp`En+h1mYC13OHB<1Qc{2++vP65uqUJa*Xjdqws;)jtK7%L1zj^}Fo_ z%KHi~w;fFUPL{I!wSAs2XC_)s58HmfjQ*g+ZG0QdzA_=8 zvjGABvnNDX9YhhDM|c5cDbOeB&x+&8s=nm&7YOBaRlfk!Y1;*1c)bZ+q1soIvbIUW dbNwKoe*xL&;y?XsGM@kd002ovPDHLkV1h!By0!oS literal 0 HcmV?d00001 diff --git a/web/themes/custom/eql/dist/assets/images/pictos/external_link.svg b/web/themes/custom/eql/dist/assets/images/pictos/external_link.svg deleted file mode 100644 index 95c0bb5..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/external_link.svg +++ /dev/null @@ -1,70 +0,0 @@ - -image/svg+xml diff --git a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg deleted file mode 100644 index 0d16291..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg +++ /dev/null @@ -1,38 +0,0 @@ - -image/svg+xml diff --git a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg deleted file mode 100644 index 4657208..0000000 --- a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg +++ /dev/null @@ -1,35 +0,0 @@ - -image/svg+xml diff --git a/web/themes/custom/eql/images/pictos/download.png b/web/themes/custom/eql/images/pictos/download.png new file mode 100644 index 0000000000000000000000000000000000000000..05dd1294710157aff3e3b4ed0171a43ee632e186 GIT binary patch literal 1007 zcmVteBvrM1!CRo5KHKic*w?G#J@{A3NjL zxT_Wx2#OWNl`afl32XpeN@5!}2qI!17iVto<%Zgsxig(pGf#4ICv)e0&-=UYIcLt? zyaUh$>;|p^lYlE~zXB_5lcxa;RTzAG`yE)72SiCGmI5Qd_sp(V0B^LNn*jQ4U&!jL zF`NeTrnQ6Nu!&|i-Ua?nj>m!3S$uT?%Kdv5s}W!a0p@Yww4|Q2#$9Dal}ENmft>`H zZeT1eOjIB+1=Gk(1EzN-yXZgwY##;&Xu^Cu6HJsK0Je_+uLFP4%*@*9u8$T3!1i%q zI|1fVLT2s@6Ez4-!EEDRm}lFsiyj2P_Sb}AcAIHn<^%|U?QaN~xeYu5oRqY_@%@|u zfhm|qW)=X)CA|Q13Cm!$moR~U?$lS+8Nv2tpjXn9z*8B`2M7;_)q^x-`x(n!(+k`_vuUuHj0enyr9*Ma>d_frq8=v0HmrWzzR)gZB{28m5INNlP> zVp9zgn`)5QRD;B(Odyg5B)wQxFi9WXk`73EFpFL4|9&Ms27C%UBx#H7!V7RDEd<7Z zHNa)y^R%|9Gh+KX@Cxt`a79IS18f9tk^`m%VhwP}_S<=5fe!B@Eiiu&U|vmQCutGz1Mmz1;+;<7 zfC6raw$IXp`En+h1mYC13OHB<1Qc{2++vP65uqUJa*Xjdqws;)jtK7%L1zj^}Fo_ z%KHi~w;fFUPL{I!wSAs2XC_)s58HmfjQ*g+ZG0QdzA_=8 zvjGABvnNDX9YhhDM|c5cDbOeB&x+&8s=nm&7YOBaRlfk!Y1;*1c)bZ+q1soIvbIUW dbNwKoe*xL&;y?XsGM@kd002ovPDHLkV1h!By0!oS literal 0 HcmV?d00001 diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 910404c..90e3e2d 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -148,7 +148,6 @@ padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; - span:nth-of-type(2){ display: none; } @@ -157,23 +156,17 @@ height: inherit; margin: auto; ::before{ - content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:25px; + content: url("../images/pictos/download.png"); height: auto; - padding-right: 0.5rem; - // display: inline-flex; - // align-items: center; + padding-right: 1rem; } a{ hyphens: auto; display: inline-flex; - // align-items: center; color: $blue-light; font-weight: 800; - // max-width: 80px ; } } - } } @@ -189,23 +182,19 @@ padding-left: 0.8rem; padding-top: 1rem; padding-bottom: 1rem; - margin-bottom: 1rem; - } a{ display: inline-flex; - // align-items: center; justify-items: center; color: $blue-light; font-weight: 800; + align-items: center; + &::before{ content: url("../images/pictos/external_link.png"); - // min-width: 25px; height: auto; padding-right: 1rem; - // display: inline-flex; - // align-items: center; } svg.ext{ display: none; @@ -228,7 +217,6 @@ .node-type-ressource{ border: 2px solid $blue-light; background-color: $white; - // margin-left: 1rem; margin-bottom: 1rem ; padding: 1rem; div{ @@ -275,7 +263,6 @@ } } .field--name-field-images{ - // display: none; order: 1; width: 25%; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index d2897c4..cb9b262 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -1,6 +1,10 @@ .path-ressources{ - .layout-content{ + + .layout-container { + overflow: visible; + } + .layout-content{ width: 100vw; .region-content{ width: 100%; @@ -109,10 +113,10 @@ order: 3; } .view-base-de-donnees{ - display: flex; - flex-direction: row; + // display: flex; + // flex-direction: row; .view-filters{ - position: fixed; + position: sticky; top: 13rem; left: 0; width: 15%;