les sites pilotes

This commit is contained in:
2024-06-24 19:13:46 +02:00
parent 1d3ed3ca33
commit f9afd049ea
2 changed files with 51 additions and 50 deletions
+34 -35
View File
@@ -1846,53 +1846,54 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
object-fit: cover; object-fit: cover;
height: fit-content; height: fit-content;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content { .view-display-id-page_1 .views-row .node-type-site .infos-content-site {
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
order: 2; order: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
padding-top: 0.5rem;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content h1 { .view-display-id-page_1 .views-row .node-type-site .infos-content-site h1 {
display: none; display: none;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content h2 { .view-display-id-page_1 .views-row .node-type-site .infos-content-site h2 {
order: 2; order: 2;
margin: 0; margin: 0;
font-size: 1.3rem; font-size: 1.8rem;
font-weight: 900; font-weight: 900;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-numero-site { .view-display-id-page_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: 1.5rem; font-size: 1rem;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site { .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site {
order: 3; order: 3;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 0.3rem; line-height: 1.3rem;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address { .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address {
margin: 0; margin: 0;
display: inline-flex; display: inline-flex;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .postal-code { .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code {
order: 2; order: 2;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .locality { .view-display-id-page_1 .views-row .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;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .country { .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .country {
display: none; display: none;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-architecte { .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
order: 4; order: 4;
padding-top: 1rem; font-size: 1.3rem;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links { .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links {
order: 5; order: 5;
text-transform: uppercase; text-transform: uppercase;
padding: 0; padding: 0;
@@ -1902,13 +1903,12 @@ 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;
} }
.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links::after { .view-display-id-page_1 .views-row .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;
} }
.view-display-id-page_1 footer { .view-display-id-page_1 footer {
background-color: transparent; background-color: transparent;
text-transform: capitalize;
} }
.view-display-id-page_1 footer p:first-of-type { .view-display-id-page_1 footer p:first-of-type {
font-size: 2rem; font-size: 2rem;
@@ -1927,60 +1927,59 @@ 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;
width: 100%; width: 100%;
background-color: white;
} }
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
background-color: rgb(255, 255, 255);
order: 2; order: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
} }
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content h2 { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
order: 2; order: 2;
margin: 0; margin: 0;
font-size: 1.3rem; font-size: 1.8rem;
font-weight: 900; 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 { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-lettre-de-site {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 1.5rem; font-size: 1rem;
font-weight: 200; font-weight: 200;
} }
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-lettre-de-site::before { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-lettre-de-site::before {
content: "SITE"; content: "SITE";
padding-right: 0.5rem; padding-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 { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site {
order: 3; order: 3;
line-height: 1.2rem; line-height: 1.3rem;
font-weight: 400; 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 { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address {
margin: 0; margin: 0;
display: inline-flex; display: inline-flex;
font-size: 1.3rem; 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 { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address .postal-code {
order: 2; 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 { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address .locality {
order: 1; order: 1;
text-transform: capitalize; text-transform: capitalize;
margin-right: 0.5rem; 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 { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address .country {
display: none; display: none;
} }
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-architecte { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
order: 4; order: 4;
padding-top: 1rem;
text-transform: capitalize; text-transform: capitalize;
font-weight: 400; font-weight: 400;
font-size: 1.3rem;
} }
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
order: 5; order: 5;
text-transform: uppercase; text-transform: uppercase;
padding: 0; padding: 0;
@@ -1990,7 +1989,7 @@ 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;
} }
.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links::after { .view-display-id-page_1 footer .view-display-id-block_2 .views-row .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;
} }
@@ -3,7 +3,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
// justify-content: space-between;
article{ article{
padding-bottom: 0.7rem; padding-bottom: 0.7rem;
} }
@@ -25,31 +24,33 @@
height: fit-content; height: fit-content;
} }
} }
.filtered-content{ .infos-content-site{
// border: solid $yellow-puca 1px;
background-color: $white-button; background-color: $white-button;
order: 2; order: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
padding-top: 0.5rem;
h1{display: none;} h1{display: none;}
h2{ h2{
order: 2; order: 2;
margin: 0; margin: 0;
font-size: 1.3rem; font-size: 1.8rem;
font-weight: 900; font-weight: 900;
} }
.field--name-field-numero-site { .field--name-field-numero-site {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 1.5rem; font-size: 1rem;
} }
.field--name-field-adresse-site{ .field--name-field-adresse-site{
order: 3; order: 3;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 0.3rem; // line-height: 0.3rem;
line-height: 1.3rem;
.address{ .address{
margin: 0; margin: 0;
@@ -69,7 +70,8 @@
} }
.field--name-field-architecte{ .field--name-field-architecte{
order: 4; order: 4;
padding-top: 1rem; // padding-top: 1rem;
font-size: 1.3rem;
} }
ul.links{ ul.links{
order: 5; order: 5;
@@ -94,7 +96,6 @@
footer{ footer{
background-color: transparent; background-color: transparent;
text-transform: capitalize;
p:first-of-type{ p:first-of-type{
font-size: 2rem; font-size: 2rem;
} }
@@ -110,26 +111,26 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
background-color: white; .infos-content-site{
.filtered-content{
// border: solid $yellow-puca 1px; // border: solid $yellow-puca 1px;
background-color: $white-button; // background-color: transparent;
order: 2; order: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
h2{ h2{
order: 2; order: 2;
margin: 0; margin: 0;
font-size: 1.3rem; font-size: 1.8rem;
font-weight: 900; font-weight: 900;
} }
.field--name-field-lettre-de-site { .field--name-field-lettre-de-site {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 1.5rem; font-size: 1rem;
font-weight: 200; font-weight: 200;
&::before{ &::before{
content:'SITE'; content:'SITE';
@@ -138,7 +139,7 @@
} }
.field--name-field-adresse-site{ .field--name-field-adresse-site{
order: 3; order: 3;
line-height: 1.2rem; line-height: 1.3rem;
font-weight: 400; font-weight: 400;
p.address{ p.address{
@@ -160,9 +161,10 @@
} }
.field--name-field-architecte{ .field--name-field-architecte{
order: 4; order: 4;
padding-top: 1rem;
text-transform: capitalize; text-transform: capitalize;
font-weight: 400; font-weight: 400;
font-size: 1.3rem;
} }
ul.links{ ul.links{
order: 5; order: 5;