From 5f168b262166f76d3855bc161e10a2e3650f3e06 Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 29 May 2026 12:23:59 +0200 Subject: [PATCH] effet hover sur teaser laureats --- web/themes/custom/eql/dist/assets/css/bundle.css | 5 +++++ web/themes/custom/eql/scss/pages/_lesprojets.scss | 11 +++++++++++ .../scss/partials/_node-type-ressource-teaser.scss | 3 --- 3 files changed, 16 insertions(+), 3 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 4b6df6c..d71c188 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -4812,6 +4812,8 @@ svg.ext { padding: 0.5rem; padding-right: 1rem; padding-left: 1rem; + transition: transform 0.3s ease, box-shadow 0.3s ease; + transform-origin: center; } @media (max-width: 479px) { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet { @@ -4820,6 +4822,9 @@ svg.ext { padding-top: 2rem; } } +.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet:hover { + transform: translateY(-5px); +} .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child { display: flex; flex-direction: column; diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index b87e3aa..db4365c 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -192,11 +192,22 @@ padding: 0.5rem; padding-right: 1rem; padding-left: 1rem; + + transition: + transform 0.3s ease, + box-shadow 0.3s ease; + + transform-origin: center; + @media (max-width: 479px){ padding-left: 0rem; padding-right: 0rem; padding-top: 2rem; } + &:hover{ + transform: translateY(-5px); + } + div:first-child{ display: flex; flex-direction: column; diff --git a/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss b/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss index d9abca2..ac5e544 100644 --- a/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss +++ b/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss @@ -99,9 +99,6 @@ article.node-type-ressource{ overflow: hidden; text-overflow: ellipsis; - - // line-height: 1.5em; - // max-height: calc(1.2em * 3); } .field--name-field-edition{ order: 7;