bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page node sid

Browse Source
This commit is contained in:
ouidade
2024-06-24 18:57:27 +02:00
parent 86de166bd9
commit ad4763ce88
4 changed files with 197 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+61 -34
View File
@@ -2,7 +2,9 @@
/*reha*/ /*reha*/
/*global*/ /*global*/
/* Colors used for REHA */ /* 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; text-transform: uppercase;
padding: 0.5rem; padding: 0.5rem;
border: solid black 1px; border: solid black 1px;
@@ -11,7 +13,9 @@
font-size: 0.9rem; font-size: 0.9rem;
} }
@media (max-width: 891px) { @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; font-size: 1rem;
} }
} }
@@ -22,7 +26,9 @@
background-color: transparent; background-color: transparent;
} }
.field--type-link { .field--type-link,
.next-site,
.prev-site {
width: fit-content; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site {
order: 1; order: 1;
grid-row: 1/span 10; grid-row: 1/span 10;
grid-column: 2/span 9; grid-column: 2/span 10;
width: 100%; width: 100%;
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img { .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; display: flex;
flex-direction: column; flex-direction: column;
grid-row: 7/span 5; grid-row: 7/span 5;
grid-column: 7/span 9; grid-column: 10/span 10;
padding: 1rem; padding: 1rem;
z-index: 99; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 {
order: 2; order: 2;
margin: 0; margin: 0;
font-size: 1.9rem;
font-weight: 1000;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 { .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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-numero-site {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 2rem; font-size: 1.5rem;
} }
@media (max-width: 891px) { @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 { .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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
order: 4; order: 4;
font-size: 1.5rem;
} }
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 { .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
width: fit-content; 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 { .page-node-site .region-content {
width: 80%; width: 80%;
margin: auto; 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 { .page-node-site .region-content #block-reha-titredepage {
display: none; 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; margin: auto;
display: flex; display: flex;
flex-direction: column; 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; order: 2;
top: -150px; top: -150px;
position: relative; 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%; width: 100%;
margin: auto; 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; display: flex;
flex-direction: row; 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%; width: 100%;
object-fit: cover; object-fit: cover;
height: auto; height: auto;
padding-left: 13%; 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; align-self: flex-end;
font-style: italic; font-style: italic;
margin: 0; margin: 0;
width: 20%; 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; margin: 0;
padding-left: 1rem; 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; z-index: 99;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
width: 25vw; 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-bottom: 4rem;
padding-top: 1rem; 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; order: 2;
margin: 0; margin: 0;
font-size: 1.3rem; font-size: 1.3rem;
font-weight: 900; font-weight: 900;
} }
.page-node-site .region-content .node-type-site .infos-content-site h2 { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-numero-site {
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 {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 1.5rem; 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; order: 3;
font-size: 1rem; font-size: 1.2rem;
line-height: 1.3rem; 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; margin: 0;
display: inline-flex; 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; 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; order: 1;
text-transform: capitalize; text-transform: capitalize;
margin-right: 0.5rem; 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; 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; 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; 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; order: 5;
text-transform: uppercase; text-transform: uppercase;
padding: 0; 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; padding-top: 0.9rem;
display: inline-flex; 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"); content: url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem; 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; order: 3;
top: -60px; top: -60px;
position: relative; position: relative;
web/themes/custom/reha/scss/global/variables/_buttons.scss
+3 -1
View File
@@ -27,7 +27,9 @@
padding: 0.3rem; padding: 0.3rem;
background-color: transparent; background-color: transparent;
} }
.field--type-link { .field--type-link,
.next-site,
.prev-site {
@extend %buttonwithborder; @extend %buttonwithborder;
width: fit-content; width: fit-content;
} }
web/themes/custom/reha/scss/pages/home/home-view-sites.scss
+6 -3
View File
@@ -49,7 +49,7 @@
.image-site{ .image-site{
order: 1; order: 1;
grid-row: 1/span 10; grid-row: 1/span 10;
grid-column: 2/span 9; grid-column: 2/span 10;
width: 100%; width: 100%;
img { img {
// width: 70%; // width: 70%;
@@ -68,7 +68,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
grid-row: 7/span 5; grid-row: 7/span 5;
grid-column: 7/span 9; grid-column: 10/span 10;
padding: 1rem; padding: 1rem;
z-index: 99; z-index: 99;
@media(max-width: 891px){ @media(max-width: 891px){
@@ -78,6 +78,8 @@
h2{ h2{
order: 2; order: 2;
margin: 0; margin: 0;
font-size: 1.9rem;
font-weight: 1000;
@media(max-width: 891px){ @media(max-width: 891px){
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.3rem; line-height: 1.3rem;
@@ -86,7 +88,7 @@
.field--name-field-numero-site { .field--name-field-numero-site {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 2rem; font-size: 1.5rem;
@media(max-width: 891px){ @media(max-width: 891px){
font-size: 1.5rem; font-size: 1.5rem;
} }
@@ -117,6 +119,7 @@
} }
.field--name-field-architecte{ .field--name-field-architecte{
order: 4; order: 4;
font-size: 1.5rem;
} }
} }
} }
web/themes/custom/reha/scss/pages/node-site.scss
+125 -109
View File
@@ -11,131 +11,147 @@
width: 80%; width: 80%;
margin: auto; 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{ #block-reha-titredepage{
display: none; display: none;
} }
.node-type-site{ #block-reha-contenudelapageprincipale{
margin: auto; grid-column: 1 /span 8;
display: flex; grid-row: 1 /span 10;
flex-direction: column; .node-type-site{
.image-site{ margin: auto;
order: 2; display: flex;
top: -150px; flex-direction: column;
position: relative; .image-site{
.field--name-field-image{ order: 2;
// position: relative; top: -150px;
// order: 2; position: relative;
width: 100%; .field--name-field-image{
margin: auto; width: 100%;
// max-width: 100%; margin: auto;
.field__item{ .field__item{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
// padding-left: 20%; img{
img{ width: 100%;
width: 100%; object-fit: cover;
object-fit: cover; height: auto;
height: auto; padding-left: 13%;
padding-left: 13%; }
} blockquote{
blockquote{ align-self: flex-end;
align-self: flex-end; font-style: italic;
font-style: italic;
margin: 0;
width: 20%;
p{
margin: 0; margin: 0;
padding-left: 1rem; width: 20%;
p{
margin: 0;
padding-left: 1rem;
}
} }
} }
} }
} }
}
.infos-content-site{ .infos-content-site{
z-index: 99; z-index: 99;
background-color: $white-button; background-color: $white-button;
width: 25vw; 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 {
order: 1; order: 1;
text-transform: uppercase; display: flex;
font-size: 1.5rem; flex-direction: column;
} padding-left: 1rem;
.field--name-field-adresse-site{ padding-right: 1rem;
order: 3; padding-bottom: 4rem;
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;
padding-top: 1rem; padding-top: 1rem;
} h1{
ul.links{ order: 2;
order: 5; margin: 0;
text-transform: uppercase; font-size: 1.8rem;
padding: 0; font-weight: 900;
margin: 0; }
border: none; h2{
padding-bottom: 2rem; order: 2;
padding-top: 0.9rem; margin: 0;
display: inline-flex; font-size: 1.3rem;
&::after{ font-weight: 900;
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem; }
.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;
.body-content-site{ top: -60px;
order: 3; position: relative;
top: -60px; width: 50%;
position: relative; margin: auto;
width: 50%; font-size: 1.3rem;
margin: auto; }
font-size: 1.3rem;
} }
} }
} }
} }