diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 0f2741e..84a7f64 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -4113,9 +4113,14 @@ svg.ext { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) { font-size: 1.5rem; } +@media (max-width: 810px) { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) { + font-size: 1.3rem; + } +} @media (max-width: 810px) { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { - padding: 2rem; + padding: 1rem; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 { @@ -4160,7 +4165,7 @@ svg.ext { } @media (max-width: 810px) { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 { - padding: 2rem; + padding: 1rem; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { @@ -4182,6 +4187,7 @@ svg.ext { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters { flex-direction: column; padding-bottom: 3rem; + margin-top: 0rem; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { @@ -7028,6 +7034,11 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d position: relative; align-items: center; } +@media (max-width: 810px) { + #views-exposed-form-projets-block-1 select { + max-width: 58%; + } +} #views-exposed-form-base-de-donnees-block-1 { flex-direction: column; @@ -7058,6 +7069,12 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d display: flex; flex-wrap: wrap; } +@media (max-width: 810px) { + #views-exposed-form-base-de-donnees-block-1, + #views-exposed-form-projets-block-1 { + font-size: 0.8rem; + } +} #views-exposed-form-base-de-donnees-block-1 .js-form-item, #views-exposed-form-projets-block-1 .js-form-item { display: flex; @@ -7076,6 +7093,7 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d display: flex; flex-direction: row; justify-content: space-between; + max-width: 85%; } } #views-exposed-form-base-de-donnees-block-1 .js-form-item label, @@ -7087,6 +7105,12 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d #views-exposed-form-projets-block-1 .js-form-item label::after { content: " : "; } +@media (max-width: 810px) { + #views-exposed-form-base-de-donnees-block-1 .js-form-item label, + #views-exposed-form-projets-block-1 .js-form-item label { + padding-right: 1rem; + } +} #views-exposed-form-base-de-donnees-block-1 .js-form-item input, #views-exposed-form-projets-block-1 .js-form-item input { flex: 2 1 auto; @@ -7127,6 +7151,13 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d font-family: "Marianne"; font-size: 1rem; } +@media (max-width: 810px) { + #views-exposed-form-base-de-donnees-block-1 input, #views-exposed-form-base-de-donnees-block-1 select, + #views-exposed-form-projets-block-1 input, + #views-exposed-form-projets-block-1 select { + font-size: 0.8rem; + } +} article.node-type-ressource { margin-bottom: 1rem; diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index ae719fb..1c1f554 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -63,12 +63,15 @@ .field--name-field-introduction{ p:nth-of-type(1){ font-size: 1.5rem; + @media (max-width: 810px){ + font-size: 1.3rem; + } } } } @media (max-width: 810px){ - padding: 2rem; + padding: 1rem; } } @@ -122,7 +125,7 @@ // width: 80%; @media (max-width: 810px){ - padding: 2rem; + padding: 1rem; } .view-projets{ @@ -142,6 +145,7 @@ @media (max-width: 479px){ flex-direction: column; padding-bottom: 3rem; + margin-top: 0rem; } &::before{ diff --git a/web/themes/custom/eql/scss/partials/_filtres.scss b/web/themes/custom/eql/scss/partials/_filtres.scss index 7ffbbd1..1babed5 100644 --- a/web/themes/custom/eql/scss/partials/_filtres.scss +++ b/web/themes/custom/eql/scss/partials/_filtres.scss @@ -2,6 +2,12 @@ flex-direction: row; position: relative; align-items: center; + + select{ + @media (max-width:810px){ + max-width: 58%; + } + } } #views-exposed-form-base-de-donnees-block-1{ @@ -34,6 +40,9 @@ #views-exposed-form-projets-block-1{ display: flex; flex-wrap: wrap; + @media (max-width:810px){ + font-size: 0.8rem; + } .js-form-item{ display: flex; flex-direction: row; @@ -48,6 +57,7 @@ display: flex; flex-direction: row; justify-content: space-between; + max-width: 85%; } label{ flex: 2 1 auto; @@ -55,6 +65,9 @@ &::after{ content: ' : '; } + @media (max-width:810px){ + padding-right: 1rem; + } } input{ flex: 2 1 auto; @@ -90,5 +103,8 @@ background-color: transparent; font-family: "Marianne"; font-size: 1rem; + @media (max-width:810px){ + font-size: 0.8rem; + } } } \ No newline at end of file