From d0331c6afa1a507a76c02b13dbe7c9d96d79ac34 Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 10 Mar 2022 13:02:29 +0100 Subject: [PATCH] responsive actu --- web/themes/custom/eql/css-compiled/styles.css | 7 +++---- web/themes/custom/eql/scss/pages/_actualite.scss | 10 +++++----- web/themes/custom/eql/scss/pages/_static.scss | 1 - 3 files changed, 8 insertions(+), 10 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 4452f97..91a08fb 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -728,10 +728,6 @@ a { font-family: "Source Code Pro"; font-size: 2.5rem; font-weight: 500; } - @media (max-width: 810px) { - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { - font-size: 2rem; - margin-right: 10%; } } @media (max-width: 810px) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { width: 70%; @@ -861,6 +857,9 @@ a { display: flex; flex-direction: column; width: 65%; } + @media (max-width: 810px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { + margin: auto; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { height: fit-content; border: 2px solid #009ee3; diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index 02e58fb..eaa9a1b 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -54,10 +54,7 @@ font-family: "Source Code Pro"; font-size: 2.5rem; font-weight: 500; - @media (max-width: 810px){ - font-size: 2rem; - margin-right: 10%; - } + } @media (max-width: 810px){ width: 70%; @@ -256,7 +253,10 @@ .block-region-third{ display: flex; flex-direction: column; - width: 65%; + width: 65%; + @media (max-width: 810px){ + margin: auto; + } .field--name-field-fichiers{ .field__item{ height: fit-content; diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index d4b0a32..78f5906 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -18,7 +18,6 @@ height: 30vh; @media (max-width: 810px){ padding-bottom: 0rem; - } .block-entity-fieldnodetitle{ width: fit-content;