diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 1e49206..ed6ee98 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -4218,7 +4218,6 @@ body { } .node-type-projet .layout--threecol-25-50-25 .layout__region--first { flex: 0 1 25%; - margin-top: 1rem; position: relative; } .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first { @@ -4230,8 +4229,15 @@ body { align-items: center; margin-left: 2rem; } +.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container { + width: 100%; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2 { + display: none; +} .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site { width: 80%; + margin: auto; } .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .field_title h2 { text-transform: none; @@ -4279,11 +4285,28 @@ body { max-width: 50%; } .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second { + position: relative; margin-right: 3rem; margin-top: 1rem; display: flex; flex-direction: column; } +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats ::before { + content: ""; + position: absolute; + top: 0rem; + left: -1.3rem; + width: 2.5rem; + height: 2.5rem; + background-image: url("../img/laureat-ouvert.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + z-index: 0; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats .laureat { + font-size: 0; +} .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_nom_de_l_equipe { border-top: solid black 1px; padding-bottom: 0.5rem; @@ -4404,6 +4427,7 @@ body { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third { position: fixed; width: 20% !important; + margin-top: 2rem; } @media (max-width: 810px) { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third { @@ -4433,16 +4457,32 @@ body { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2 { font-family: "gilroy-light"; text-transform: uppercase; - font-size: 0.5rem; + font-size: 0.8rem; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2::after { + content: " :"; } .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row { width: 80%; border-bottom: solid black 1px; padding-bottom: 1rem; } +.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2 { + font-size: 0.7rem; + margin-bottom: 0rem; + text-transform: none; + font-family: "gilroy-regular"; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2::after { + content: ""; +} .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe { font-size: 0.6rem; } +.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe h3 { + margin-bottom: 0.3rem; + margin-top: 0.3rem; +} .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe p { font-family: "gilroy-semibold"; margin-bottom: 0.5rem; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss index fd6794c..e2e7198 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss @@ -16,7 +16,7 @@ // } .layout__region--first{ flex: 0 1 25%; - margin-top: 1rem; + // margin-top: 1rem; position: relative; .block-region-first{ position:fixed; @@ -30,10 +30,16 @@ // position: relative; // width: 100% !important; // } - + #sites-map-container{ + width: 100%; + h2{ + display: none; + } + } .field_field_site_projet{ .node-type-site{ width: 80%; + margin: auto; .field_title{ h2{ text-transform: none; @@ -93,11 +99,31 @@ max-width: 50%; .block-region-second{ // margin-left: 3rem; + position: relative; margin-right: 3rem; margin-top: 1rem; display: flex; flex-direction: column; - + .field_field_laureats{ + ::before{ + content: ""; + position: absolute; + // display: block; + top:0rem; + left: -1.3rem; + width: 2.5rem; + height: 2.5rem; + // background-color: #f6f7f3; + background-image: url("../img/laureat-ouvert.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + z-index: 0; + } + .laureat{ + font-size: 0; + } + } .field_field_nom_de_l_equipe{ border-top: solid black 1px; padding-bottom: 0.5rem; @@ -231,6 +257,7 @@ .block-region-third{ position:fixed; width: 20% !important; + margin-top: 2rem; @media(max-width: 810px){ position: relative; } @@ -253,14 +280,33 @@ h2{ font-family: "gilroy-light"; text-transform: uppercase; - font-size: 0.5rem; + font-size: 0.8rem; + &::after{ + content: " :"; + } } .views-row{ width: 80%; border-bottom: solid black 1px; padding-bottom: 1rem; + .views-field-title { + h2 { + font-size: 0.7rem; + margin-bottom: 0rem; + // margin-top: 0.3rem; + text-transform: none; + font-family: "gilroy-regular"; + &::after{ + content: ""; + } + } + } .views-field-field-nom-de-l-equipe{ - + h3 { + margin-bottom: 0.3rem; + margin-top:0.3rem; + + } font-size: 0.6rem; p{ font-family: "gilroy-semibold";