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%;