responsive /les-sites-pilotes

This commit is contained in:
2025-10-14 21:33:53 +02:00
parent 0d76de3f1f
commit 21b2429aff
2 changed files with 53 additions and 2 deletions
+31 -1
View File
@@ -2541,6 +2541,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
line-height: 1;
padding-bottom: 0.8rem;
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h2 {
font-size: 1.2rem;
padding-bottom: 0.6rem;
}
}
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row {
order: 1;
display: flex;
@@ -2585,6 +2591,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
order: 4;
font-size: 1rem;
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte {
font-size: 0.9rem;
}
}
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items {
display: flex;
flex-direction: row;
@@ -2614,6 +2625,16 @@ 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;
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links {
padding-top: 1rem;
}
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links li {
font-size: 0.9rem;
}
}
.page-sitespilotes .view-display-id-page_1 footer {
background-color: transparent;
text-transform: none !important;
@@ -2657,7 +2678,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-right: 1rem;
}
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
order: 2;
@@ -2694,6 +2714,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-left: 1rem;
padding-right: 1rem;
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
flex-direction: row;
}
}
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
order: 3;
}
@@ -2731,6 +2756,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-top: 0.9rem;
display: inline-flex;
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
padding-top: 1rem !important;
}
}
.page-sitespilotes .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");
padding-left: 0.5rem;
@@ -71,6 +71,10 @@
font-weight: 900;
line-height: 1;
padding-bottom: 0.8rem;
@media(max-width: 810px){
font-size: 1.2rem;
padding-bottom: 0.6rem;
}
}
.first-row{
order: 1;
@@ -116,6 +120,9 @@
.field--name-field-architecte{
order: 4;
font-size: 1rem;
@media(max-width: 810px){
font-size: 0.9rem;
}
.field__items{
display: flex;
flex-direction: row;
@@ -145,6 +152,14 @@
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
@media(max-width: 810px){
padding-top: 1rem;
}
li{
@media(max-width: 810px){
font-size: 0.9rem;
}
}
}
}
}
@@ -190,7 +205,6 @@
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;;
padding-right: 1rem;
h2{
order: 2;
margin: 0;
@@ -226,6 +240,9 @@
padding-left: 1rem;
padding-right: 1rem;
}
@media(max-width:810px){
flex-direction: row;
}
}
.field--name-field-adresse-site{
order: 3;
@@ -266,10 +283,14 @@
padding-bottom: 2rem;
padding-top: 0.9rem;
display: inline-flex;
@media(max-width:810px){
padding-top: 1rem !important;
}
&::after{
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
}