diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 79c6339..9a11935 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -2,7 +2,9 @@ /*reha*/ /*global*/ /* Colors used for REHA */ -#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link { +#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, +.next-site, +.prev-site, .page-programme .field--type-link { text-transform: uppercase; padding: 0.5rem; border: solid black 1px; @@ -11,7 +13,9 @@ font-size: 0.9rem; } @media (max-width: 891px) { - #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link { + #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, + .next-site, + .prev-site, .page-programme .field--type-link { font-size: 1rem; } } @@ -22,7 +26,9 @@ background-color: transparent; } -.field--type-link { +.field--type-link, +.next-site, +.prev-site { width: fit-content; } @@ -1725,7 +1731,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 .image-site { order: 1; grid-row: 1/span 10; - grid-column: 2/span 9; + grid-column: 2/span 10; width: 100%; } .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img { @@ -1740,7 +1746,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div display: flex; flex-direction: column; grid-row: 7/span 5; - grid-column: 7/span 9; + grid-column: 10/span 10; padding: 1rem; z-index: 99; } @@ -1755,6 +1761,8 @@ 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 .infos-content-site h2 { order: 2; margin: 0; + font-size: 1.9rem; + font-weight: 1000; } @media (max-width: 891px) { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 { @@ -1765,7 +1773,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 .infos-content-site .field--name-field-numero-site { order: 1; text-transform: uppercase; - font-size: 2rem; + font-size: 1.5rem; } @media (max-width: 891px) { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-numero-site { @@ -1800,6 +1808,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 .infos-content-site .field--name-field-architecte { order: 4; + font-size: 1.5rem; } .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 { width: fit-content; @@ -2166,45 +2175,61 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div .page-node-site .region-content { width: 80%; margin: auto; + display: grid; + grid-template-columns: repeat(8, 1fr); + grid-template-rows: 0.5fr repeat(5, 2fr); +} +.page-node-site .region-content #block-reha-prevnextblock { + display: flex; + flex-direction: row; + grid-column: 5/span 7; + grid-row: 1; + z-index: 99; + height: fit-content; + align-self: end; } .page-node-site .region-content #block-reha-titredepage { display: none; } -.page-node-site .region-content .node-type-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale { + grid-column: 1/span 8; + grid-row: 1/span 10; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site { margin: auto; display: flex; flex-direction: column; } -.page-node-site .region-content .node-type-site .image-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site { order: 2; top: -150px; position: relative; } -.page-node-site .region-content .node-type-site .image-site .field--name-field-image { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image { width: 100%; margin: auto; } -.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item { display: flex; flex-direction: row; } -.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item img { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item img { width: 100%; object-fit: cover; height: auto; padding-left: 13%; } -.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote { align-self: flex-end; font-style: italic; margin: 0; width: 20%; } -.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote p { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote p { margin: 0; padding-left: 1rem; } -.page-node-site .region-content .node-type-site .infos-content-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site { z-index: 99; background-color: rgb(255, 255, 255); width: 25vw; @@ -2216,51 +2241,53 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-bottom: 4rem; padding-top: 1rem; } -.page-node-site .region-content .node-type-site .infos-content-site h1 { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h1 { + order: 2; + margin: 0; + font-size: 1.8rem; + font-weight: 900; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h2 { order: 2; margin: 0; font-size: 1.3rem; font-weight: 900; } -.page-node-site .region-content .node-type-site .infos-content-site h2 { - order: 2; - margin: 0; - font-size: 1.3rem; - font-weight: 900; -} -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-numero-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-numero-site { order: 1; text-transform: uppercase; font-size: 1.5rem; } -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site { order: 3; - font-size: 1rem; + font-size: 1.2rem; line-height: 1.3rem; } -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address { margin: 0; display: inline-flex; } -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code { order: 2; } -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .locality { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address .locality { order: 1; text-transform: capitalize; margin-right: 0.5rem; } -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .country { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-adresse-site .address .country { display: none; } -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-date-de-construction { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-date-de-construction { order: 5; + font-size: 1.2rem; } -.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-architecte { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte { order: 4; - padding-top: 1rem; + padding-top: 0.5rem; + font-size: 1.2rem; } -.page-node-site .region-content .node-type-site .infos-content-site ul.links { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links { order: 5; text-transform: uppercase; padding: 0; @@ -2270,11 +2297,11 @@ 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 .region-content .node-type-site .infos-content-site ul.links::after { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links::after { content: url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } -.page-node-site .region-content .node-type-site .body-content-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site { order: 3; top: -60px; position: relative; diff --git a/web/themes/custom/reha/scss/global/variables/_buttons.scss b/web/themes/custom/reha/scss/global/variables/_buttons.scss index 78fbee6..3a3dbb3 100644 --- a/web/themes/custom/reha/scss/global/variables/_buttons.scss +++ b/web/themes/custom/reha/scss/global/variables/_buttons.scss @@ -27,7 +27,9 @@ padding: 0.3rem; background-color: transparent; } -.field--type-link { +.field--type-link, +.next-site, +.prev-site { @extend %buttonwithborder; width: fit-content; } 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 db4be27..fd81b1c 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 @@ -49,7 +49,7 @@ .image-site{ order: 1; grid-row: 1/span 10; - grid-column: 2/span 9; + grid-column: 2/span 10; width: 100%; img { // width: 70%; @@ -68,7 +68,7 @@ display: flex; flex-direction: column; grid-row: 7/span 5; - grid-column: 7/span 9; + grid-column: 10/span 10; padding: 1rem; z-index: 99; @media(max-width: 891px){ @@ -78,6 +78,8 @@ h2{ order: 2; margin: 0; + font-size: 1.9rem; + font-weight: 1000; @media(max-width: 891px){ font-size: 1.2rem; line-height: 1.3rem; @@ -86,7 +88,7 @@ .field--name-field-numero-site { order: 1; text-transform: uppercase; - font-size: 2rem; + font-size: 1.5rem; @media(max-width: 891px){ font-size: 1.5rem; } @@ -117,6 +119,7 @@ } .field--name-field-architecte{ order: 4; + font-size: 1.5rem; } } } diff --git a/web/themes/custom/reha/scss/pages/node-site.scss b/web/themes/custom/reha/scss/pages/node-site.scss index c4ede3c..01a4780 100644 --- a/web/themes/custom/reha/scss/pages/node-site.scss +++ b/web/themes/custom/reha/scss/pages/node-site.scss @@ -11,131 +11,147 @@ width: 80%; margin: auto; + display: grid; + grid-template-columns: repeat(8, 1fr); + grid-template-rows: 0.5fr repeat(5, 2fr); + + #block-reha-prevnextblock{ + display: flex; + flex-direction: row; + grid-column: 5 /span 7; + grid-row: 1; + z-index: 99; + height: fit-content; + align-self: end; + } #block-reha-titredepage{ display: none; } - .node-type-site{ - margin: auto; - display: flex; - flex-direction: column; - .image-site{ - order: 2; - top: -150px; - position: relative; - .field--name-field-image{ - // position: relative; - // order: 2; - width: 100%; - margin: auto; - // max-width: 100%; - .field__item{ - display: flex; - flex-direction: row; - // padding-left: 20%; - img{ - width: 100%; - object-fit: cover; - height: auto; - padding-left: 13%; - } - blockquote{ - align-self: flex-end; - font-style: italic; - margin: 0; - width: 20%; - - p{ + #block-reha-contenudelapageprincipale{ + grid-column: 1 /span 8; + grid-row: 1 /span 10; + .node-type-site{ + margin: auto; + display: flex; + flex-direction: column; + .image-site{ + order: 2; + top: -150px; + position: relative; + .field--name-field-image{ + width: 100%; + margin: auto; + .field__item{ + display: flex; + flex-direction: row; + img{ + width: 100%; + object-fit: cover; + height: auto; + padding-left: 13%; + } + blockquote{ + align-self: flex-end; + font-style: italic; margin: 0; - padding-left: 1rem; + width: 20%; + + p{ + margin: 0; + padding-left: 1rem; + } } } } } - } - - .infos-content-site{ - z-index: 99; - background-color: $white-button; - width: 25vw; - order: 1; - display: flex; - flex-direction: column; - padding-left: 1rem; - padding-right: 1rem; - padding-bottom: 4rem; - padding-top: 1rem; - h1{ - order: 2; - margin: 0; - font-size: 1.3rem; - font-weight: 900; - } - h2{ - order: 2; - margin: 0; - font-size: 1.3rem; - font-weight: 900; - - } - .field--name-field-numero-site { + + .infos-content-site{ + z-index: 99; + background-color: $white-button; + width: 25vw; order: 1; - text-transform: uppercase; - font-size: 1.5rem; - } - .field--name-field-adresse-site{ - order: 3; - font-size: 1rem; - line-height: 1.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-date-de-construction{ - order: 5; - } - .field--name-field-architecte{ - order: 4; + display: flex; + flex-direction: column; + padding-left: 1rem; + padding-right: 1rem; + padding-bottom: 4rem; 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; + h1{ + order: 2; + margin: 0; + font-size: 1.8rem; + font-weight: 900; } - + h2{ + 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.2rem; + line-height: 1.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-date-de-construction{ + order: 5; + font-size: 1.2rem; + } + .field--name-field-architecte{ + order: 4; + padding-top: 0.5rem; + font-size: 1.2rem; + } + 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; + } + + } + + } + .body-content-site{ + order: 3; + top: -60px; + position: relative; + width: 50%; + margin: auto; + font-size: 1.3rem; } - - } - .body-content-site{ - order: 3; - top: -60px; - position: relative; - width: 50%; - margin: auto; - font-size: 1.3rem; } } + } } \ No newline at end of file