diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index a4bc2ec..aa892cc 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -1667,7 +1667,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div width: 70%; } -.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee { +.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de { border: solid #fdc300 1px; background-color: rgb(255, 255, 255); font-weight: 800; @@ -1680,16 +1680,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-bottom: 5rem; } @media (max-width: 891px) { - .home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee { + .home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de { margin-bottom: 1rem; margin-top: 2rem; width: 50%; } } -.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee p { +.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de p { margin: 0; } -.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee strong { +.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de strong { font-size: 1.3rem; } .home-page-layout-content .block-views-blocksites-block-1 { @@ -1790,7 +1790,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-architecte { order: 4; } -.home-page-layout-content .block-block-contentbbaa5e2a-7f7c-498f-b08e-d1a3b36c03a8 { +.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 { width: fit-content; margin: auto; } @@ -1800,6 +1800,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div flex-direction: row; flex-wrap: wrap; } +.view-display-id-page_1 article { + padding-bottom: 0.7rem; +} .view-display-id-page_1 .views-row { width: 30%; padding: 1rem; @@ -1877,6 +1880,90 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div content: url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } +.view-display-id-page_1 footer { + background-color: transparent; + text-transform: capitalize; +} +.view-display-id-page_1 footer p:first-of-type { + font-size: 2rem; +} +.view-display-id-page_1 footer .view-display-id-block_2 { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row { + width: 30%; + padding: 1rem; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site { + margin: auto; + display: flex; + flex-direction: column; + width: 100%; + background-color: white; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content { + background-color: rgb(255, 255, 255); + order: 2; + display: flex; + flex-direction: column; + padding-left: 1rem; + padding-right: 1rem; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content h2 { + order: 2; + margin: 0; + font-size: 1.3rem; + font-weight: 900; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-lettre-de-site { + order: 1; + text-transform: uppercase; + font-size: 1.5rem; + font-weight: 200; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site { + order: 3; + line-height: 1.2rem; + font-weight: 400; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address { + margin: 0; + display: inline-flex; + font-size: 1.3rem; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .postal-code { + order: 2; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .locality { + order: 1; + text-transform: capitalize; + margin-right: 0.5rem; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .country { + display: none; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-architecte { + order: 4; + padding-top: 1rem; + text-transform: capitalize; + font-weight: 400; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links { + order: 5; + text-transform: uppercase; + padding: 0; + margin: 0; + border: none; + padding-bottom: 2rem; + padding-top: 0.9rem; + display: inline-flex; +} +.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links::after { + content: url("../../dist/images/noun-arrow-1569918-black.svg"); + padding-left: 0.5rem; +} .block-views-blockactus-block-1 { background-color: white; @@ -2035,49 +2122,70 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div width: 80%; margin: auto; } -.page-node-site .block-region-second { - width: 50%; +.page-node-site .region-content { + width: 80%; + margin: auto; } -.page-node-site .block-region-second img { +.page-node-site .region-content .node-type-site { + margin: auto; + display: flex; + flex-direction: column; width: 100%; - height: auto; + background-color: white; } -.page-node-site .block-region-second .block-entity-fieldnodetitle { +.page-node-site .region-content .node-type-site .field--name-field-image { + order: 2; + max-width: 100%; +} +.page-node-site .region-content .node-type-site .field--name-field-image img { + width: 100%; + object-fit: cover; + height: fit-content; +} +.page-node-site .region-content .node-type-site .filtered-content { + background-color: rgb(255, 255, 255); + order: 1; + display: flex; + flex-direction: column; + padding-left: 1rem; + padding-right: 1rem; +} +.page-node-site .region-content .node-type-site .filtered-content h2 { order: 2; margin: 0; font-size: 1.3rem; font-weight: 900; } -.page-node-site .block-region-second .field--name-field-numero-site { +.page-node-site .region-content .node-type-site .filtered-content .field--name-field-numero-site { order: 1; text-transform: uppercase; font-size: 1.5rem; } -.page-node-site .block-region-second .field--name-field-adresse-site { +.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site { order: 3; font-size: 1.3rem; line-height: 0.3rem; } -.page-node-site .block-region-second .field--name-field-adresse-site .address { +.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address { margin: 0; display: inline-flex; } -.page-node-site .block-region-second .field--name-field-adresse-site .address .postal-code { +.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .postal-code { order: 2; } -.page-node-site .block-region-second .field--name-field-adresse-site .address .locality { +.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .locality { order: 1; text-transform: capitalize; margin-right: 0.5rem; } -.page-node-site .block-region-second .field--name-field-adresse-site .address .country { +.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .country { display: none; } -.page-node-site .block-region-second .field--name-field-architecte { +.page-node-site .region-content .node-type-site .filtered-content .field--name-field-architecte { order: 4; padding-top: 1rem; } -.page-node-site .block-region-second ul.links { +.page-node-site .region-content .node-type-site .filtered-content ul.links { order: 5; text-transform: uppercase; padding: 0; @@ -2087,7 +2195,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-top: 0.9rem; display: inline-flex; } -.page-node-site .block-region-second ul.links::after { +.page-node-site .region-content .node-type-site .filtered-content ul.links::after { content: url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } diff --git a/web/themes/custom/reha/reha.theme b/web/themes/custom/reha/reha.theme index 1642b8d..0c37386 100644 --- a/web/themes/custom/reha/reha.theme +++ b/web/themes/custom/reha/reha.theme @@ -161,11 +161,11 @@ function reha_preprocess_page(&$variables) { function reha_preprocess_block(&$variables) { -// // Conserver les IDs existants et générer un ID unique uniquement si aucun ID n'est présent -// if (empty($variables['attributes']['id'])) { -// $block_id = 'block-' . uniqid(); -// $variables['attributes']['id'] = $block_id; -// } + // Conserver les IDs existants et générer un ID unique uniquement si aucun ID n'est présent + if (empty($variables['attributes']['id'])) { + $block_id = 'block-' . uniqid(); + $variables['attributes']['id'] = $block_id; +} if ($variables['plugin_id'] === "user_login_block") { $url = new Url('user.register', [], ['query' => ['destination' => '/node/add/operation']]); diff --git a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss b/web/themes/custom/reha/scss/pages/home/home-view-sites.scss index 8a13bb4..3a5b3e4 100644 --- a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss +++ b/web/themes/custom/reha/scss/pages/home/home-view-sites.scss @@ -1,6 +1,6 @@ .home-page-layout-content { - .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{ + .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de{ border: solid $yellow-puca 1px; background-color: $white-button; font-weight: 800; @@ -118,7 +118,7 @@ } - .block-block-contentbbaa5e2a-7f7c-498f-b08e-d1a3b36c03a8{ + .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7{ width: fit-content; margin: auto; diff --git a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss index 96e1cdb..d50eb76 100644 --- a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss +++ b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss @@ -4,6 +4,9 @@ flex-direction: row; flex-wrap: wrap; // justify-content: space-between; + article{ + padding-bottom: 0.7rem; + } .views-row{ width: 30%; padding: 1rem; @@ -87,4 +90,95 @@ } } -} \ No newline at end of file + + footer{ + background-color: transparent; + text-transform: capitalize; + p:first-of-type{ + font-size: 2rem; + } + .view-display-id-block_2{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + .views-row{ + width: 30%; + padding: 1rem; + .node-type-site{ + margin: auto; + display: flex; + flex-direction: column; + width: 100%; + background-color: white; + .filtered-content{ + // border: solid $yellow-puca 1px; + background-color: $white-button; + order: 2; + display: flex; + flex-direction: column; + padding-left: 1rem; + padding-right: 1rem; + h2{ + order: 2; + margin: 0; + font-size: 1.3rem; + font-weight: 900; + + } + .field--name-field-lettre-de-site { + order: 1; + text-transform: uppercase; + font-size: 1.5rem; + font-weight: 200; + } + .field--name-field-adresse-site{ + order: 3; + line-height: 1.2rem; + font-weight: 400; + + p.address{ + margin: 0; + display: inline-flex; + font-size: 1.3rem; + .postal-code{ + order: 2; + } + .locality{ + order: 1; + text-transform: capitalize; + margin-right: 0.5rem; + } + .country{ + display: none; + } + } + } + .field--name-field-architecte{ + order: 4; + padding-top: 1rem; + text-transform: capitalize; + font-weight: 400; + } + ul.links{ + order: 5; + text-transform: uppercase; + padding: 0; + margin: 0; + border: none; + padding-bottom: 2rem; + padding-top: 0.9rem; + display: inline-flex; + &::after{ + content:url("../../dist/images/noun-arrow-1569918-black.svg"); + padding-left: 0.5rem; + } + + } + + } + + } + } + } + } +} diff --git a/web/themes/custom/reha/scss/pages/node-site.scss b/web/themes/custom/reha/scss/pages/node-site.scss index 1be32b1..1f95b4d 100644 --- a/web/themes/custom/reha/scss/pages/node-site.scss +++ b/web/themes/custom/reha/scss/pages/node-site.scss @@ -7,67 +7,89 @@ margin: auto; } } - .block-region-second{ - width: 50%; - img{ + .region-content{ + width: 80%; + margin: auto; + .node-type-site{ + margin: auto; + display: flex; + flex-direction: column; + // display: grid; + // grid-template-columns: repeat(7, 1fr); + // grid-template-rows: repeat(5, 1fr) ; width: 100%; - // object-fit: contain; - height: auto; - } - .block-entity-fieldnodetitle{ - order: 2; - margin: 0; - font-size: 1.3rem; - font-weight: 900; - - } - .field--name-field-numero-site { - order: 1; - text-transform: uppercase; - font-size: 1.5rem; - } - .field--name-field-adresse-site{ - order: 3; - font-size: 1.3rem; - line-height: 0.3rem; - - .address{ - margin: 0; - display: inline-flex; - .postal-code{ + background-color: white; + .field--name-field-image{ + order: 2; + max-width: 100%; + img{ + width: 100%; + object-fit: cover; + height: fit-content; + } + } + .filtered-content{ + // border: solid $yellow-puca 1px; + background-color: $white-button; + order: 1; + display: flex; + flex-direction: column; + padding-left: 1rem; + padding-right: 1rem; + h2{ order: 2; + margin: 0; + font-size: 1.3rem; + font-weight: 900; + } - .locality{ + .field--name-field-numero-site { order: 1; - text-transform: capitalize; - margin-right: 0.5rem; + text-transform: uppercase; + font-size: 1.5rem; } - .country{ - display: none; + .field--name-field-adresse-site{ + order: 3; + font-size: 1.3rem; + line-height: 0.3rem; + + .address{ + margin: 0; + display: inline-flex; + .postal-code{ + order: 2; + } + .locality{ + order: 1; + text-transform: capitalize; + margin-right: 0.5rem; + } + .country{ + display: none; + } + } } - } - } - .field--name-field-architecte{ - order: 4; - padding-top: 1rem; - } - ul.links{ - order: 5; - text-transform: uppercase; - padding: 0; - margin: 0; - border: none; - padding-bottom: 2rem; - padding-top: 0.9rem; - display: inline-flex; - &::after{ - content:url("../../dist/images/noun-arrow-1569918-black.svg"); - padding-left: 0.5rem; - } - + .field--name-field-architecte{ + order: 4; + padding-top: 1rem; + } + ul.links{ + order: 5; + text-transform: uppercase; + padding: 0; + margin: 0; + border: none; + padding-bottom: 2rem; + padding-top: 0.9rem; + display: inline-flex; + &::after{ + content:url("../../dist/images/noun-arrow-1569918-black.svg"); + padding-left: 0.5rem; + } + + } + + } } } - - - } \ No newline at end of file diff --git a/web/themes/custom/reha/templates/__node--site.html.twig b/web/themes/custom/reha/templates/node--site.html.twig similarity index 100% rename from web/themes/custom/reha/templates/__node--site.html.twig rename to web/themes/custom/reha/templates/node--site.html.twig