diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index d4a98d8..5dd9e76 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -183,10 +183,17 @@ a { .path-node.page-node-type-static .layout-container .layout-content .layout__region--top { padding-bottom: 3rem; height: 30vh; } + @media (max-width: 810px) { + .path-node.page-node-type-static .layout-container .layout-content .layout__region--top { + padding-bottom: 0rem; } } .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle { width: fit-content; margin-left: 13%; margin-top: 15vh; } + @media (max-width: 810px) { + .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle { + margin-left: 8%; + margin-right: 5%; } } .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle .field--name-title { font-family: 'Source Code Pro'; font-size: 2rem; @@ -200,6 +207,9 @@ a { justify-content: flex-end; position: sticky; top: 7rem; } + @media (max-width: 810px) { + .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first { + display: none; } } .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { display: flex; width: 50%; @@ -217,6 +227,11 @@ a { .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { text-decoration: underline; } +@media (max-width: 810px) { + .path-node.page-node-type-static .layout-container .layout-content .layout__region--second { + flex: 0 1 80%; + margin: auto; } } + .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes { margin-top: 1rem; background-color: white; } @@ -243,6 +258,9 @@ a { display: flex; flex-direction: column; width: 70%; } + @media (max-width: 810px) { + .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third { + margin: auto; } } .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers { height: fit-content; border: 2px solid #009ee3; @@ -768,6 +786,10 @@ a { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(auto-fill); } + @media (max-width: 810px) { + .field--name-field-partenaires .paragraph--type--partenaire { + display: flex; + flex-direction: column; } } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo { grid-column: 1 / 2; grid-row: 2; diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss index a204216..ec008d2 100644 --- a/web/themes/custom/eql/scss/pages/_partenaires.scss +++ b/web/themes/custom/eql/scss/pages/_partenaires.scss @@ -35,7 +35,10 @@ display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(auto-fill); - + @media (max-width: 810px){ + display: flex; + flex-direction: column; + } .field--name-field-logo{ grid-column: 1 / 2; diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 3006ad3..8a01b6e 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -14,10 +14,18 @@ padding-bottom: 3rem; height: 30vh; + @media (max-width: 810px){ + padding-bottom: 0rem; + + } .block-entity-fieldnodetitle{ width: fit-content; margin-left: 13%; margin-top: 15vh; + @media (max-width: 810px){ + margin-left: 8%; + margin-right: 5%; + } .field--name-title{ font-family: 'Source Code Pro'; font-size: 2rem; @@ -39,6 +47,9 @@ justify-content: flex-end; position: sticky; top: 7rem; + @media (max-width: 810px){ + display: none; + } .block-entity-fieldnodefield-textes{ display: flex; width: 50%; @@ -64,7 +75,11 @@ } } - .layout__region--second{ // paragraphe texte + .layout__region--second{ // paragraphe texte + @media (max-width: 810px){ + flex: 0 1 80%; + margin: auto; + } // paragraphe texte .block-entity-fieldnodefield-textes{ margin-top: 1rem; background-color: $white; @@ -100,7 +115,10 @@ margin-top: 1rem; display: flex; flex-direction: column; - width: 70%; + width: 70%; + @media (max-width: 810px){ + margin: auto; + } .block-entity-fieldnodefield-fichiers{ height: fit-content; border: 2px solid $blue-light;