diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index b498d9a..537df79 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -2904,123 +2904,128 @@ a { background: #009ee3; padding-left: 13%; } -.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { - width: 60%; - margin: auto; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 { - display: none; } - .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; } - -.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 { - margin-top: 4rem; - background-color: #009ee3; - height: fit-content; - width: 60%; - margin-left: 2rem; - grid-row: 2; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .display { - display: block; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien { - display: flex; - flex-direction: column; - margin-top: 2rem; - margin-bottom: 2rem; - margin-left: 1.5rem; - margin-right: 1.5rem; - text-align: center; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien a { - font-weight: 800; - color: white; - font-size: 1.3rem; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien:after { - margin-left: auto; - padding-top: 1rem; - display: block; - content: url("../images/pictos/noun_Arrow_3771902.svg"); } - -.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { - width: 80%; - margin: auto; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters { +.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { + display: grid; + grid-template-columns: 1fr repeat(8, 2fr) 1fr; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { + grid-column: 3 / span 5; + margin: auto; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 { + display: none; } + .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; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 { + grid-column: 8 / span 9; margin-top: 4rem; - display: flex; - flex-direction: row; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { - content: 'Filtrer par:'; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 { + background-color: #009ee3; + height: fit-content; + width: 60%; + margin-left: 2rem; + grid-row: 2; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .display { + display: block; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien { display: flex; - flex-direction: row; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend { - display: none; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend { - display: none; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label { - display: none; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { - margin-top: 2rem; - display: flex; - flex-direction: row; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row { - width: 25%; - flex: 0 0 25%; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet { - color: #09398b; - line-height: 1.5rem; - padding: 0.5rem; - padding-right: 1rem; - padding-left: 1rem; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child { - display: flex; - flex-direction: column; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a { - color: #09398b; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo { - order: 1; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img { - width: 100%; - max-height: 175px; - object-fit: cover; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after { - display: block; - content: url('data:image/svg+xml, '); } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse { - order: 2; + flex-direction: column; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien a { + font-weight: 800; + color: white; + font-size: 1.3rem; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien:after { + margin-left: auto; + padding-top: 1rem; + display: block; + content: url("../images/pictos/noun_Arrow_3771902.svg"); } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 { + grid-column: 3 / span 8; + width: 80%; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { + width: 80%; + margin: auto; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters { + margin-top: 4rem; display: flex; - text-transform: uppercase; - font-size: 0.9rem; - font-weight: 800; - margin-top: 0.8rem; - line-height: 0.6rem; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address { + flex-direction: row; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { + content: 'Filtrer par:'; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 { display: flex; - flex-direction: row; - margin: 0; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality { - padding-top: 0 !important; - padding-bottom: 0 !important; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after { - content: ","; - margin-right: 0.3rem; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .country { - padding-top: 0 !important; - padding-bottom: 0 !important; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre { - margin-top: 0.5rem; - font-size: 0.9rem; - font-weight: 800; - order: 4; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title { - order: 3; - margin-top: 0.5rem; - font-size: 1rem; - font-weight: 800; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 { - margin: 0; } - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube { - order: 4; - color: red; - margin-top: 0.8rem; } + flex-direction: row; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend { + display: none; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend { + display: none; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label { + display: none; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { + margin-top: 2rem; + display: flex; + flex-direction: row; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row { + width: 25%; + flex: 0 0 25%; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet { + color: #09398b; + line-height: 1.5rem; + padding: 0.5rem; + padding-right: 1rem; + padding-left: 1rem; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child { + display: flex; + flex-direction: column; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a { + color: #09398b; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo { + order: 1; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img { + width: 100%; + max-height: 175px; + object-fit: cover; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after { + display: block; + content: url('data:image/svg+xml, '); } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse { + order: 2; + display: flex; + text-transform: uppercase; + font-size: 0.9rem; + font-weight: 800; + margin-top: 0.8rem; + line-height: 0.6rem; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address { + display: flex; + flex-direction: row; + margin: 0; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after { + content: ","; + margin-right: 0.3rem; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .country { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre { + margin-top: 0.5rem; + font-size: 0.9rem; + font-weight: 800; + order: 4; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title { + order: 3; + margin-top: 0.5rem; + font-size: 1rem; + font-weight: 800; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 { + margin: 0; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube { + order: 4; + color: red; + margin-top: 0.8rem; } .path-node.page-node-type-projet .layout-container { overflow: unset; } diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index 1fef921..c2d4440 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -19,10 +19,13 @@ } .layout--onecol{ .block-region-content{ - + display: grid; + grid-template-columns: 1fr repeat(8, 2fr) 1fr; + //texte de présentation .block-config-pages-block{ - width: 60%; + grid-column: 3 / span 5; + // width: 60%; margin: auto; span h2{ display: none; @@ -38,7 +41,7 @@ // bouton projets incubés .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{ - // grid-column: 8 / span 9; + grid-column: 8 / span 9; margin-top: 4rem; background-color: $blue-light; height: fit-content; @@ -76,6 +79,8 @@ //partie projets .block-views-blockprojets-block-1{ + grid-column: 3 / span 8; + width: 80%; .view-projets{ width: 80%;