diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 732e9da..1ee93ca 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -1216,6 +1216,11 @@ a { max-height: 400px; object-fit: contain; } +@media (max-width: 568px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { + max-width: 100vw; + } +} @media (max-width: 568px) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { grid-column: 3/span 8; @@ -1281,6 +1286,11 @@ a { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { flex: 0 1 50%; } +@media (max-width: 568px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { + width: 80%; + } +} .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { width: 90%; } @@ -1349,6 +1359,11 @@ a { flex-direction: row; justify-content: space-between; } +@media (max-width: 568px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items { + flex-direction: column; + } +} .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items .paragraph--type--partenaire { display: flex; flex-direction: column; @@ -1394,6 +1409,11 @@ a { padding-right: 1rem; } } +@media (max-width: 568px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { + width: 100%; + } +} .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { display: none; } diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index c47e435..11bf5c0 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -102,6 +102,9 @@ width: 100%; max-height: 400px; object-fit: contain; + @media (max-width: 568px){ + max-width: 100vw; + } } @@ -174,6 +177,9 @@ } .layout__region--second{ flex: 0 1 50%; + @media (max-width: 568px){ + width: 80%; + } .block-region-second{ width: 90%; @media (max-width:810px) { @@ -250,6 +256,9 @@ display: flex; flex-direction: row; justify-content: space-between; + @media (max-width: 568px){ + flex-direction: column; + } .paragraph--type--partenaire{ display: flex; flex-direction: column; @@ -301,6 +310,9 @@ width: max-content; padding-right: 1rem; } + @media (max-width: 568px){ + width: 100%; + } } span:nth-of-type(2){ display: none;