From 182bcea4b05a94ed417715508115542929befbb1 Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 27 Sep 2024 09:42:49 +0200 Subject: [PATCH] footer modile --- .../dist/assets/css/bundle.css | 10 ++++++++++ .../dist/assets/img/linkedin.svg | 18 +++++++++--------- .../src/assets/scss/partials/footer.scss | 6 ++++++ 3 files changed, 25 insertions(+), 9 deletions(-) diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index d3be92f..ef74067 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -619,6 +619,11 @@ footer { .footer #footer-middle { font-size: 0.6rem; } +@media (max-width: 810px) { + .footer #footer-middle { + width: 50%; + } +} .footer #footer-middle #block-quartiers-de-demain-pieddepage ul li { padding-bottom: 0.2rem; } @@ -681,6 +686,11 @@ footer { display: block; width: 55px; } +@media (max-width: 700px) { + .footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-linkedin::after { + padding-top: 0.5rem; + } +} .footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::before { display: none; } diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg index 76f4fb0..9024c9a 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg +++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg @@ -1,7 +1,7 @@ + cx="14.090949" + cy="14.166954" + rx="14.090949" + ry="14.166954" /> + style="stroke-width:0.915396" /> diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss index c93ec63..425ca8f 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss @@ -89,6 +89,9 @@ footer{ #footer-middle{ // grid-column: 6 /span 7; // grid-row: 1; + @media(max-width: 810px) { + width: 50%; + } #block-quartiers-de-demain-pieddepage{ ul li{ padding-bottom: 0.2rem; @@ -164,6 +167,9 @@ footer{ content: url('../img/linkedin.svg') !important; display: block; width: 55px; + @media(max-width: 700px){ + padding-top: 0.5rem; + } } .fa-youtube::before{