diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index e421a0c..b498d9a 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -2890,11 +2890,11 @@ a { .path-webform .region-content #webform-submission-question-add-form #edit-actions #edit-actions-submit:after { content: url('data:image/svg+xml,'); } -.path-projets span { +.path-projets .region-content #block-contenudelapageprincipale span { padding-top: 3rem; padding-bottom: 3rem; vertical-align: middle; } - .path-projets span h2 { + .path-projets .region-content #block-contenudelapageprincipale span h2 { margin: 0; padding-top: 2rem; height: 4rem; @@ -2904,60 +2904,87 @@ a { background: #009ee3; padding-left: 13%; } -.path-projets .layout--onecol .block-region-content .block-config-pages-block { +.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { width: 60%; margin: auto; } - .path-projets .layout--onecol .block-region-content .block-config-pages-block span h2 { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 { display: none; } - .path-projets .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { +.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 .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 .block-views-blockprojets-block-1 .view-projets .view-filters { margin-top: 4rem; display: flex; flex-direction: row; } - .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 { + .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; } - .path-projets .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 { + .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 .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 { + .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 .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 { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse { + .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; @@ -2965,26 +2992,32 @@ a { font-weight: 800; margin-top: 0.8rem; line-height: 0.6rem; } - .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address { + .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 .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 { + .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 .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube { + .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; } diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index b90058b..1fef921 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -1,147 +1,198 @@ .path-projets{ - span{ - padding-top: 3rem; - padding-bottom: 3rem; - vertical-align: middle; - h2{ - margin: 0; - padding-top: 2rem; - height: 4rem; - color: $white; - font-family: "Source Code Pro"; - text-transform: uppercase; - background: $blue-light; - padding-left: 13%; - - } - } - .layout--onecol{ - .block-region-content{ - - //texte de présentation - .block-config-pages-block{ - width: 60%; - margin: auto; - span h2{ - display: none; - } - .config_pages--type--les-projets{ - .field--name-field-introduction{ - p:nth-of-type(1){ - font-size: 1.5rem; - } - } + .region-content{ + #block-contenudelapageprincipale{ + span{ + padding-top: 3rem; + padding-bottom: 3rem; + vertical-align: middle; + h2{ + margin: 0; + padding-top: 2rem; + height: 4rem; + color: $white; + font-family: "Source Code Pro"; + text-transform: uppercase; + background: $blue-light; + padding-left: 13%; + } } - - - //partie projets - .block-views-blockprojets-block-1{ - .view-projets{ - - width: 80%; - margin: auto; - .view-filters{ - margin-top: 4rem; - display: flex; - flex-direction: row; - &::before{ - content: 'Filtrer par:'; + .layout--onecol{ + .block-region-content{ + + //texte de présentation + .block-config-pages-block{ + width: 60%; + margin: auto; + span h2{ + display: none; } - #views-exposed-form-projets-block-1{ - display: flex; - flex-direction: row; - #edit-field-neuf-rehabilitation-value--wrapper{ - legend{display: none;} - } - #edit-field-encours-fini-value--wrapper{ - legend{display: none;} - } - .js-form-type-textfield{ - label{display: none;} - } - } - - - } - - //grille de projets - .view-content{ - margin-top: 2rem; - display: flex; - flex-direction: row; - .views-row{ - width: 25%; - flex: 0 0 25%; - } - - } - .node-type-projet{ - color: $blue-dark; - line-height: 1.5rem; - padding: 0.5rem; - padding-right: 1rem; - padding-left: 1rem; - div:first-child{ - display: flex; - flex-direction: column; - - a{ - color: $blue-dark; - } - .field--name-field-photo { - order:1; - img{ - width: 100%; - max-height: 175px; - object-fit: cover; - } - &::after{ - display: block; - content:url('data:image/svg+xml, '); + .config_pages--type--les-projets{ + .field--name-field-introduction{ + p:nth-of-type(1){ + font-size: 1.5rem; } } - .field--name-field-adresse{ - order:2; + } + } + + // bouton projets incubés + .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{ + // grid-column: 8 / span 9; + margin-top: 4rem; + background-color: $blue-light; + height: fit-content; + width: 60%; + margin-left: 2rem; + grid-row: 2; + .display{ + display: block; + } + + + .field--name-field-lien{ display: flex; - text-transform: uppercase; - font-size: 0.9rem; - font-weight: 800; - margin-top: 0.8rem; - line-height: 0.6rem; - .address{ + flex-direction: column; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; + a{ + font-weight: 800; + color: $white; + font-size: 1.3rem; + } + &:after{ + margin-left: auto; + padding-top: 1rem; + display: block; + content:url("../images/pictos/noun_Arrow_3771902.svg") + + } + + } + } + + //partie projets + .block-views-blockprojets-block-1{ + .view-projets{ + + width: 80%; + margin: auto; + .view-filters{ + margin-top: 4rem; + display: flex; + flex-direction: row; + &::before{ + content: 'Filtrer par:'; + } + #views-exposed-form-projets-block-1{ display: flex; flex-direction: row; - margin: 0; - .locality::after{ - content:","; - margin-right: 0.3rem; + #edit-field-neuf-rehabilitation-value--wrapper{ + legend{display: none;} + } + #edit-field-encours-fini-value--wrapper{ + legend{display: none;} + } + .js-form-type-textfield{ + label{display: none;} + } + } + + + } + + //grille de projets + .view-content{ + margin-top: 2rem; + display: flex; + flex-direction: row; + .views-row{ + width: 25%; + flex: 0 0 25%; + } + + } + .node-type-projet{ + color: $blue-dark; + line-height: 1.5rem; + padding: 0.5rem; + padding-right: 1rem; + padding-left: 1rem; + div:first-child{ + display: flex; + flex-direction: column; + + a{ + color: $blue-dark; + } + .field--name-field-photo { + order:1; + img{ + width: 100%; + max-height: 175px; + object-fit: cover; + } + &::after{ + display: block; + content:url('data:image/svg+xml, '); + } + } + .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; + .address{ + display: flex; + flex-direction: row; + margin: 0; + .locality{ + padding-top: 0 !important; + padding-bottom: 0 !important; + &::after{ + content:","; + margin-right: 0.3rem; + } + } + .country{ + padding-top: 0 !important; + padding-bottom: 0 !important; + } } + } + .field--name-field-sous-titre{ + margin-top: 0.5rem; + font-size: 0.9rem; + font-weight: 800; + order: 4; + } + .field--name-title{ + order: 3; + margin-top: 0.5rem; + font-size: 1rem; + font-weight: 800; + h2{margin: 0;} + } + + .field--name-field-incube{ + order:4; + color: red; + margin-top: 0.8rem; } } } - .field--name-field-sous-titre{ - margin-top: 0.5rem; - font-size: 0.9rem; - font-weight: 800; - order: 4; - } - .field--name-title{ - order: 3; - margin-top: 0.5rem; - font-size: 1rem; - font-weight: 800; - h2{margin: 0;} - } - - .field--name-field-incube{ - order:4; - color: red; - margin-top: 0.8rem; - } } } } } } } + + + } \ No newline at end of file