margins fields

This commit is contained in:
2026-05-21 15:14:22 +02:00
parent f55e4c19a4
commit 5fff97b92a
6 changed files with 777 additions and 381 deletions
File diff suppressed because one or more lines are too long
+338 -134
View File
@@ -384,7 +384,7 @@ svg.ext {
left: inherit !important;
}
.path-projets-complets .layout-content {
width: 60vw;
width: 80vw;
margin: auto;
}
.path-projets-complets span {
@@ -402,52 +402,61 @@ svg.ext {
text-transform: uppercase;
text-align: end;
}
.path-projets-complets .node-type-projet {
border-bottom: 1px solid black;
padding-bottom: 5rem;
margin-bottom: 5rem;
.path-projets-complets .view-header {
position: fixed;
right: 0;
margin-right: 2rem;
margin-top: 5rem;
font-weight: 600;
text-transform: uppercase;
padding: 0.3rem 0.7rem;
width: fit-content;
background-color: rgb(0, 158, 227);
border: none;
}
.path-projets-complets .projet-content {
.path-projets-complets .view-header p {
margin: 0;
}
.path-projets-complets .view-header a {
color: white;
}
.path-projets-complets .view-projets {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.path-projets-complets .view-projets .buttons-filtres-ressources {
display: none;
}
.path-projets-complets .view-projets {
margin: auto;
}
.path-projets-complets .view-projets .view-filters {
margin-top: 4rem;
padding-left: 0.5rem;
display: flex;
flex-direction: column;
}
.path-projets-complets .field--name-field-photo .field__label {
display: none;
@media (max-width: 479px) {
.path-projets-complets .view-projets .view-filters {
flex-direction: column;
padding-bottom: 3rem;
margin-top: 0rem;
}
}
.path-projets-complets .field--name-field-photo .field__items {
height: 100%;
display: grid;
gap: 3px;
.path-projets-complets .view-projets .view-filters::before {
content: "Sélectionner les projets à imprimer :";
margin-right: 2rem;
margin-bottom: 1rem;
margin-left: 0.5rem;
font-weight: 900;
min-width: fit-content;
}
.path-projets-complets .field--name-field-photo .field__item {
overflow: hidden;
aspect-ratio: 3/2;
@media (max-width: 479px) {
.path-projets-complets .view-projets .view-filters::before {
padding-bottom: 1rem;
}
}
.path-projets-complets .field--name-field-photo .field__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.path-projets-complets .field--name-field-photo .image-field-caption {
display: none;
}
.path-projets-complets .field--name-field-photo .field__items:has(.field__item:only-child) {
grid-template-columns: 1fr;
}
.path-projets-complets .field--name-field-photo .field__items:has(.field__item:only-child) .field__item {
grid-column: 1;
}
.path-projets-complets .field--name-field-photo .field__items:has(.field__item:nth-child(2)) {
grid-template-columns: repeat(3, 1fr);
}
.path-projets-complets .field--name-field-photo .field__items:has(.field__item:nth-child(2)) .field__item:first-child {
grid-column: 1/4;
}
.path-projets-complets .field--name-field-photo .field__items .field__item:nth-child(n+8) {
display: none;
}
.path-projets-complets .field--name-title {
.path-projets-complets .view-projets .field--name-title {
order: 2;
font-family: "Marianne";
font-size: 2rem;
@@ -455,29 +464,29 @@ svg.ext {
color: rgb(0, 158, 227);
}
@media (max-width: 1624px) {
.path-projets-complets .field--name-title {
.path-projets-complets .view-projets .field--name-title {
font-size: 2.3rem;
}
}
@media (max-width: 1384px) {
.path-projets-complets .field--name-title {
.path-projets-complets .view-projets .field--name-title {
font-size: 2rem;
}
}
@media (max-width: 1216px) {
.path-projets-complets .field--name-title {
.path-projets-complets .view-projets .field--name-title {
font-size: 2rem;
}
}
@media (max-width: 810px) {
.path-projets-complets .field--name-title {
.path-projets-complets .view-projets .field--name-title {
font-size: 1.7rem;
}
}
.path-projets-complets .field--name-title a {
.path-projets-complets .view-projets .field--name-title a {
color: rgb(0, 158, 227);
}
.path-projets-complets .field--name-field-equipe {
.path-projets-complets .view-projets .field--name-field-equipe {
order: 3;
color: rgb(9, 57, 139);
font-size: 1.5rem;
@@ -485,24 +494,24 @@ svg.ext {
text-transform: uppercase;
}
@media (max-width: 1624px) {
.path-projets-complets .field--name-field-equipe {
.path-projets-complets .view-projets .field--name-field-equipe {
font-size: 1.3rem;
}
}
@media (max-width: 1216px) {
.path-projets-complets .field--name-field-equipe {
.path-projets-complets .view-projets .field--name-field-equipe {
font-size: 1.1rem;
}
}
@media (max-width: 810px) {
.path-projets-complets .field--name-field-equipe {
.path-projets-complets .view-projets .field--name-field-equipe {
font-size: 1rem;
}
}
.path-projets-complets .field--name-field-equipe .field__label {
.path-projets-complets .view-projets .field--name-field-equipe .field__label {
display: none;
}
.path-projets-complets .field--name-field-incube {
.path-projets-complets .view-projets .field--name-field-incube {
order: 4;
display: inline-flex;
width: fit-content;
@@ -514,27 +523,30 @@ svg.ext {
margin-bottom: 1rem;
margin-top: 1rem;
}
.path-projets-complets .field--name-field-incube::before {
.path-projets-complets .view-projets .field--name-field-incube::before {
content: " Projet ";
padding-right: 0.5rem;
}
.path-projets-complets .field--name-field-incube .field__label {
.path-projets-complets .view-projets .field--name-field-incube .field__label {
display: inline;
}
.path-projets-complets .field--name-field-incube .field__item {
.path-projets-complets .view-projets .field--name-field-incube .field__item {
display: none;
}
.path-projets-complets .field--name-field-neuf-rehabilitation,
.path-projets-complets .field--name-field-encours-fini {
.path-projets-complets .view-projets .field--name-field-neuf-rehabilitation,
.path-projets-complets .view-projets .field--name-field-encours-fini {
display: none;
}
.path-projets-complets .field--name-field-region {
.path-projets-complets .view-projets .field--name-field-region .field__label {
display: none;
}
.path-projets-complets .view-projets .field--name-field-region {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
}
.path-projets-complets .field--name-field-region::before {
.path-projets-complets .view-projets .field--name-field-region::before {
content: "";
display: block;
width: 20px;
@@ -542,41 +554,20 @@ svg.ext {
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
.path-projets-complets .field--name-field-type-de-moa {
order: 6;
.path-projets-complets .view-projets .field--name-field-etape-du-projet,
.path-projets-complets .view-projets .field--name-field-type-de-projet,
.path-projets-complets .view-projets .field--name-field-type-de-moa {
margin-bottom: 1rem;
}
.path-projets-complets .field--name-field-type-de-projet {
order: 7;
}
.path-projets-complets .field--name-field-etape-du-projet {
order: 8;
}
.path-projets-complets .field--name-field-textes {
order: 9;
}
.path-projets-complets .field--name-field-textes .field__label {
display: none;
}
.path-projets-complets .field--name-field-textes .field--name-field-titre {
color: rgb(9, 57, 139);
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
}
.path-projets-complets .field--name-field-textes .field--name-field-titre::after {
content: " :";
padding-left: 0.5rem;
}
.path-projets-complets .field--name-field-etape-du-projet a,
.path-projets-complets .field--name-field-type-de-projet a,
.path-projets-complets .field--name-field-type-de-moa a {
.path-projets-complets .view-projets .field--name-field-etape-du-projet a,
.path-projets-complets .view-projets .field--name-field-type-de-projet a,
.path-projets-complets .view-projets .field--name-field-type-de-moa a {
color: black;
}
.path-projets-complets .field--name-field-etape-du-projet .field__label,
.path-projets-complets .field--name-field-type-de-projet .field__label,
.path-projets-complets .field--name-field-type-de-moa .field__label {
.path-projets-complets .view-projets .field--name-field-etape-du-projet .field__label,
.path-projets-complets .view-projets .field--name-field-type-de-projet .field__label,
.path-projets-complets .view-projets .field--name-field-type-de-moa .field__label {
width: fit-content;
color: rgb(9, 57, 139);
font-size: 1.2rem;
font-weight: 900;
@@ -584,36 +575,22 @@ svg.ext {
margin-bottom: 0 !important;
flex-direction: row;
}
.path-projets-complets .field--name-field-etape-du-projet .field__label::after,
.path-projets-complets .field--name-field-type-de-projet .field__label::after,
.path-projets-complets .field--name-field-type-de-moa .field__label::after {
.path-projets-complets .view-projets .field--name-field-etape-du-projet .field__label::after,
.path-projets-complets .view-projets .field--name-field-type-de-projet .field__label::after,
.path-projets-complets .view-projets .field--name-field-type-de-moa .field__label::after {
content: ":";
padding-left: 0.5rem;
}
@media print {
.path-projets-complets .path-projets-complets .layout-content {
width: 100% !important;
margin: 0 auto !important;
}
.path-projets-complets .path-projets-complets .projet-content {
display: block !important;
}
.path-projets-complets .path-projets-complets .field--name-field-photo .field__items {
display: block !important;
height: auto !important;
}
.path-projets-complets .path-projets-complets .field--name-field-photo .field__item {
display: block !important;
aspect-ratio: auto !important;
overflow: visible !important;
margin-bottom: 4mm;
}
.path-projets-complets .path-projets-complets .field--name-field-photo .field__item img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block;
}
.path-projets-complets .view-projets .field--name-field-etape-du-projet .field__item,
.path-projets-complets .view-projets .field--name-field-type-de-projet .field__item,
.path-projets-complets .view-projets .field--name-field-type-de-moa .field__item {
width: fit-content;
}
.path-projets-complets .view-projets .field--name-field-textes {
margin-top: 2rem;
}
.path-projets-complets .view-projets .field--name-field-textes .field__label {
display: none !important;
}
@media print {
@@ -627,8 +604,6 @@ svg.ext {
@page {
margin-top: 1cm;
margin-bottom: 1cm;
margin-left: 1cm;
margin-right: 1cm;
}
.layout-container {
display: block;
@@ -654,6 +629,10 @@ svg.ext {
text-transform: uppercase;
text-align: end;
}
.path-projets-complets .layout-content .view-header,
.path-projets-complets .layout-content .view-filters {
display: none;
}
.path-projets-complets .layout-content .views-row .node-type-projet {
border-bottom: none;
}
@@ -674,6 +653,214 @@ svg.ext {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .image-field-caption {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__label {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items {
height: 100%;
display: grid;
gap: 3px;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item {
overflow: hidden;
aspect-ratio: 3/2;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .image-field-caption {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:only-child) {
grid-template-columns: 1fr;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:only-child) .field__item {
grid-column: 1;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:nth-child(2)) {
grid-template-columns: repeat(3, 1fr);
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:nth-child(2)) .field__item:first-child {
grid-column: 1/4;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items .field__item:nth-child(n+8) {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
order: 2;
font-family: "Marianne";
font-size: 2rem;
font-weight: 800;
color: rgb(0, 158, 227);
}
}
@media print and (max-width: 1624px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 2.3rem;
}
}
@media print and (max-width: 1384px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 2rem;
}
}
@media print and (max-width: 1216px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 2rem;
}
}
@media print and (max-width: 810px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 1.7rem;
}
}
@media print {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title a {
color: rgb(0, 158, 227);
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
order: 3;
color: rgb(9, 57, 139);
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase;
}
}
@media print and (max-width: 1624px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
font-size: 1.3rem;
}
}
@media print and (max-width: 1216px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
font-size: 1.1rem;
}
}
@media print and (max-width: 810px) {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
font-size: 1rem;
}
}
@media print {
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe .field__label {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube {
order: 4;
display: inline-flex;
width: fit-content;
background-color: rgb(225, 0, 15);
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube::before {
content: " Projet ";
padding-right: 0.5rem;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube .field__label {
display: inline;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube .field__item {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-neuf-rehabilitation,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-encours-fini {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-region {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-region::before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa {
order: 6;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet {
order: 7;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet {
order: 8;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes {
order: 9;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes .field__label {
display: none;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes .field--name-field-titre {
color: rgb(9, 57, 139);
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes .field--name-field-titre::after {
content: " :";
padding-left: 0.5rem;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet a,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet a,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa a {
color: black;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet .field__label,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet .field__label,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa .field__label {
color: rgb(9, 57, 139);
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
}
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet .field__label::after,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet .field__label::after,
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa .field__label::after {
content: ":";
padding-left: 0.5rem;
}
}
@media print {
.path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .layout-content {
width: 100% !important;
margin: 0 auto !important;
}
.path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .projet-content {
display: block !important;
}
.path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .field--name-field-photo .field__items {
display: block !important;
height: auto !important;
}
.path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .field--name-field-photo .field__item {
display: block !important;
aspect-ratio: auto !important;
overflow: visible !important;
margin-bottom: 4mm;
}
.path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .field--name-field-photo .field__item img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block;
}
.path-projets-complets .layout-content .views-row .projet-body-print {
padding-top: 3rem;
}
@@ -7518,18 +7705,21 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
}
#views-exposed-form-base-de-donnees-block-1,
#views-exposed-form-projets-block-1 {
#views-exposed-form-projets-block-1,
#views-exposed-form-projets-page-1 {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1,
#views-exposed-form-projets-block-1 {
#views-exposed-form-projets-block-1,
#views-exposed-form-projets-page-1 {
font-size: 0.8rem;
}
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item,
#views-exposed-form-projets-block-1 .js-form-item {
#views-exposed-form-projets-block-1 .js-form-item,
#views-exposed-form-projets-page-1 .js-form-item {
display: flex;
flex-direction: row;
max-width: 100%;
@@ -7542,7 +7732,8 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
}
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1 .js-form-item,
#views-exposed-form-projets-block-1 .js-form-item {
#views-exposed-form-projets-block-1 .js-form-item,
#views-exposed-form-projets-page-1 .js-form-item {
display: flex;
flex-direction: row;
justify-content: space-between;
@@ -7550,45 +7741,54 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
}
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item label,
#views-exposed-form-projets-block-1 .js-form-item label {
#views-exposed-form-projets-block-1 .js-form-item label,
#views-exposed-form-projets-page-1 .js-form-item label {
flex: 2 1 auto;
padding-right: 2rem;
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item label::after,
#views-exposed-form-projets-block-1 .js-form-item label::after {
#views-exposed-form-projets-block-1 .js-form-item label::after,
#views-exposed-form-projets-page-1 .js-form-item label::after {
content: " : ";
}
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1 .js-form-item label,
#views-exposed-form-projets-block-1 .js-form-item label {
#views-exposed-form-projets-block-1 .js-form-item label,
#views-exposed-form-projets-page-1 .js-form-item label {
padding-right: 1rem;
}
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item input,
#views-exposed-form-projets-block-1 .js-form-item input {
#views-exposed-form-projets-block-1 .js-form-item input,
#views-exposed-form-projets-page-1 .js-form-item input {
flex: 2 1 auto;
max-width: 55%;
}
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1 .js-form-item input,
#views-exposed-form-projets-block-1 .js-form-item input {
#views-exposed-form-projets-block-1 .js-form-item input,
#views-exposed-form-projets-page-1 .js-form-item input {
max-width: 100%;
}
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item .form-checkbox,
#views-exposed-form-projets-block-1 .js-form-item .form-checkbox {
#views-exposed-form-projets-block-1 .js-form-item .form-checkbox,
#views-exposed-form-projets-page-1 .js-form-item .form-checkbox {
margin-right: 1rem;
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item .select-wrapper,
#views-exposed-form-projets-block-1 .js-form-item .select-wrapper {
#views-exposed-form-projets-block-1 .js-form-item .select-wrapper,
#views-exposed-form-projets-page-1 .js-form-item .select-wrapper {
margin: 0;
}
#views-exposed-form-base-de-donnees-block-1 .js-form-type-checkbox label::after,
#views-exposed-form-projets-block-1 .js-form-type-checkbox label::after {
#views-exposed-form-projets-block-1 .js-form-type-checkbox label::after,
#views-exposed-form-projets-page-1 .js-form-type-checkbox label::after {
content: none;
}
#views-exposed-form-base-de-donnees-block-1 .form-actions input,
#views-exposed-form-projets-block-1 .form-actions input {
#views-exposed-form-projets-block-1 .form-actions input,
#views-exposed-form-projets-page-1 .form-actions input {
color: white;
font-weight: 600;
text-transform: uppercase;
@@ -7598,7 +7798,9 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
}
#views-exposed-form-base-de-donnees-block-1 input, #views-exposed-form-base-de-donnees-block-1 select,
#views-exposed-form-projets-block-1 input,
#views-exposed-form-projets-block-1 select {
#views-exposed-form-projets-block-1 select,
#views-exposed-form-projets-page-1 input,
#views-exposed-form-projets-page-1 select {
border: none;
background-color: transparent;
font-family: "Marianne";
@@ -7607,7 +7809,9 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1 input, #views-exposed-form-base-de-donnees-block-1 select,
#views-exposed-form-projets-block-1 input,
#views-exposed-form-projets-block-1 select {
#views-exposed-form-projets-block-1 select,
#views-exposed-form-projets-page-1 input,
#views-exposed-form-projets-page-1 select {
font-size: 0.8rem;
}
}
+1
View File
@@ -463,3 +463,4 @@ document.addEventListener("DOMContentLoaded", function () {
////////////// end croix clear input recherche ////////////
@@ -4,7 +4,7 @@
left: inherit !important;
}
.layout-content{
width: 60vw;
width: 80vw;
margin: auto;
}
@@ -36,261 +36,199 @@
text-transform: uppercase;
text-align: end;
}
.node-type-projet {
border-bottom: 1px solid black;
padding-bottom: 5rem;
margin-bottom: 5rem;
///// bouton print //////
.view-header{
position: fixed;
right: 0;
margin-right: 2rem;
margin-top: 5rem;
font-weight: 600;
text-transform: uppercase;
padding: 0.3rem 0.7rem;
width: fit-content;
background-color: $blue-light;
border: none;
p{margin: 0;}
a{color: white;}
}
.projet-content {
display: flex;
flex-direction: column;
}
.field--name-field-photo {
// height: 66vh;
.view-projets{
margin-top: 4rem !important;
margin-bottom: 4rem !important;
///// filtres ///////////
.buttons-filtres-ressources{display: none;}
// width: 80%;
margin: auto;
.view-filters{
margin-top: 4rem;
padding-left: 0.5rem;
display: flex;
flex-direction: column;
@media (max-width: 479px){
flex-direction: column;
padding-bottom: 3rem;
margin-top: 0rem;
}
&::before{
content: 'Sélectionner les projets à imprimer :';
margin-right: 2rem;
margin-bottom: 1rem;
margin-left: 0.5rem;
font-weight: 900;
// width: 160px;
min-width: fit-content;
@media (max-width: 479px){
padding-bottom: 1rem;
}
}
}
.field--name-title {
order: 2;
font-family: "Marianne";
font-size: 2rem;
font-weight: 800;
color: $blue-light;
@media (max-width: 1624px) {
font-size: 2.3rem;
}
@media (max-width: 1384px) {
font-size: 2rem;
}
@media (max-width: 1216px) {
font-size: 2rem;
}
@media (max-width: 810px) {
font-size: 1.7rem;
}
a {
color: $blue-light;
}
}
.field--name-field-equipe {
order: 3;
color: $blue-dark;
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase;
@media (max-width: 1624px) {
font-size: 1.3rem;
}
@media (max-width: 1216px) {
font-size: 1.1rem;
}
@media (max-width: 810px) {
font-size: 1rem;
}
.field__label {
display: none;
}
.field__items {
height: 100%;
display: grid;
gap: 3px;
}
.field--name-field-incube {
order: 4;
display: inline-flex;
width: fit-content;
background-color: $red;
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
margin-bottom: 1rem;
margin-top: 1rem;
// flex-direction: row;
&::before {
content: ' Projet ';
padding-right: 0.5rem;
}
.field__label{
display: inline;
}
.field__item {
overflow: hidden;
aspect-ratio: 3 / 2;
display: none;
}
}
.field--name-field-neuf-rehabilitation,
.field--name-field-encours-fini {
display: none;
}
.field--name-field-region {
.field__label{
display: none;
}
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
.field__item img {
width: 100%;
height: 100%;
object-fit: cover;
&::before {
content: "";
display: block;
}
.image-field-caption {
display: none;
}
// 1 seule image
.field__items:has(.field__item:only-child) {
grid-template-columns: 1fr;
// grid-template-rows: 1fr;
}
.field__items:has(.field__item:only-child) .field__item {
grid-column: 1;
// grid-row: 1;
}
// Plusieurs images
.field__items:has(.field__item:nth-child(2)) {
grid-template-columns: repeat(3, 1fr);
// grid-template-rows: 4fr 2fr 2fr;
}
.field__items:has(.field__item:nth-child(2)) .field__item:first-child {
grid-column: 1 / 4;
// grid-row: 1;
}
// facultatif : max 7 images affichées
.field__items .field__item:nth-child(n + 8) {
display: none;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
}
// }
.field--name-title {
order: 2;
font-family: "Marianne";
font-size: 2rem;
font-weight: 800;
color: $blue-light;
@media (max-width: 1624px) {
font-size: 2.3rem;
.field--name-field-etape-du-projet,
.field--name-field-type-de-projet,
.field--name-field-type-de-moa {
margin-bottom: 1rem;
a {
color: black;
}
.field__label {
width: fit-content;
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
&::after {
content: ':';
padding-left: 0.5rem;
}
}
.field__item{
width: fit-content;
}
}
@media (max-width: 1384px) {
font-size: 2rem;
.field--name-field-textes{
margin-top: 2rem;
.field__label{
display: none !important;
}
}
@media (max-width: 1216px) {
font-size: 2rem;
}
@media (max-width: 810px) {
font-size: 1.7rem;
}
a {
color: $blue-light;
}
}
.field--name-field-equipe {
order: 3;
color: $blue-dark;
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase;
@media (max-width: 1624px) {
font-size: 1.3rem;
}
@media (max-width: 1216px) {
font-size: 1.1rem;
}
@media (max-width: 810px) {
font-size: 1rem;
}
.field__label {
display: none;
}
}
.field--name-field-incube {
order: 4;
display: inline-flex;
width: fit-content;
background-color: $red;
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
margin-bottom: 1rem;
margin-top: 1rem;
// flex-direction: row;
&::before {
content: ' Projet ';
padding-right: 0.5rem;
}
.field__label{
display: inline;
}
.field__item {
display: none;
}
}
.field--name-field-neuf-rehabilitation,
.field--name-field-encours-fini {
display: none;
}
///// ///////////
.field--name-field-region {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
&::before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
}
.field--name-field-type-de-moa {
order: 6;
}
.field--name-field-type-de-projet {
order: 7;
}
.field--name-field-etape-du-projet {
order: 8;
}
.field--name-field-textes {
order: 9;
.field__label {
display: none;
}
.field--name-field-titre {
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
&::after {
content: ' :';
padding-left: 0.5rem;
}
}
}
.field--name-field-etape-du-projet,
.field--name-field-type-de-projet,
.field--name-field-type-de-moa {
a {
color: black;
}
.field__label {
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
&::after {
content: ':';
padding-left: 0.5rem;
}
}
}
@media print {
.path-projets-complets {
.layout-content {
width: 100% !important;
margin: 0 auto !important;
}
.projet-content {
display: block !important;
}
.field--name-field-photo {
.field__items {
display: block !important;
height: auto !important;
}
.field__item {
display: block !important;
aspect-ratio: auto !important;
overflow: visible !important;
margin-bottom: 4mm;
}
.field__item img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block;
}
}
}
// @media screen {
// .node-type-projet {
// visibility: hidden;
// }
// }
}
}
@@ -12,8 +12,8 @@
@page {
margin-top: 1cm;
margin-bottom: 1cm;
margin-left: 1cm;
margin-right: 1cm;
// margin-left: 1cm;
// margin-right: 1cm;
}
.layout-container{
display: block;
@@ -48,6 +48,10 @@
text-align: end;
}
.view-header,
.view-filters{
display: none;
}
.views-row{
.node-type-projet {
border-bottom:none;
@@ -67,6 +71,253 @@
.field--name-field-photo .image-field-caption {
display: none;
}
.field--name-field-photo {
// height: 66vh;
.field__label {
display: none;
}
.field__items {
height: 100%;
display: grid;
gap: 3px;
}
.field__item {
overflow: hidden;
aspect-ratio: 3 / 2;
}
.field__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.image-field-caption {
display: none;
}
// 1 seule image
.field__items:has(.field__item:only-child) {
grid-template-columns: 1fr;
// grid-template-rows: 1fr;
}
.field__items:has(.field__item:only-child) .field__item {
grid-column: 1;
// grid-row: 1;
}
// Plusieurs images
.field__items:has(.field__item:nth-child(2)) {
grid-template-columns: repeat(3, 1fr);
// grid-template-rows: 4fr 2fr 2fr;
}
.field__items:has(.field__item:nth-child(2)) .field__item:first-child {
grid-column: 1 / 4;
// grid-row: 1;
}
// facultatif : max 7 images affichées
.field__items .field__item:nth-child(n + 8) {
display: none;
}
}
// }
.field--name-title {
order: 2;
font-family: "Marianne";
font-size: 2rem;
font-weight: 800;
color: $blue-light;
@media (max-width: 1624px) {
font-size: 2.3rem;
}
@media (max-width: 1384px) {
font-size: 2rem;
}
@media (max-width: 1216px) {
font-size: 2rem;
}
@media (max-width: 810px) {
font-size: 1.7rem;
}
a {
color: $blue-light;
}
}
.field--name-field-equipe {
order: 3;
color: $blue-dark;
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase;
@media (max-width: 1624px) {
font-size: 1.3rem;
}
@media (max-width: 1216px) {
font-size: 1.1rem;
}
@media (max-width: 810px) {
font-size: 1rem;
}
.field__label {
display: none;
}
}
.field--name-field-incube {
order: 4;
display: inline-flex;
width: fit-content;
background-color: $red;
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
margin-bottom: 1rem;
margin-top: 1rem;
// flex-direction: row;
&::before {
content: ' Projet ';
padding-right: 0.5rem;
}
.field__label{
display: inline;
}
.field__item {
display: none;
}
}
.field--name-field-neuf-rehabilitation,
.field--name-field-encours-fini {
display: none;
}
.field--name-field-region {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 2rem;
&::before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../images/pictos/picto_lieu.svg") no-repeat center;
background-size: contain;
}
}
.field--name-field-type-de-moa {
order: 6;
}
.field--name-field-type-de-projet {
order: 7;
}
.field--name-field-etape-du-projet {
order: 8;
}
.field--name-field-textes {
order: 9;
.field__label {
display: none;
}
.field--name-field-titre {
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
&::after {
content: ' :';
padding-left: 0.5rem;
}
}
}
.field--name-field-etape-du-projet,
.field--name-field-type-de-projet,
.field--name-field-type-de-moa {
a {
color: black;
}
.field__label {
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0 !important;
flex-direction: row;
&::after {
content: ':';
padding-left: 0.5rem;
}
}
}
@media print {
.path-projets-complets {
.layout-content {
width: 100% !important;
margin: 0 auto !important;
}
.projet-content {
display: block !important;
}
.field--name-field-photo {
.field__items {
display: block !important;
height: auto !important;
}
.field__item {
display: block !important;
aspect-ratio: auto !important;
overflow: visible !important;
margin-bottom: 4mm;
}
.field__item img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
display: block;
}
}
}
}
}
.projet-body-print{
padding-top: 3rem ;
@@ -94,4 +345,5 @@
break-after: page;
}
}
}
@@ -37,7 +37,8 @@
}
#views-exposed-form-base-de-donnees-block-1,
#views-exposed-form-projets-block-1{
#views-exposed-form-projets-block-1,
#views-exposed-form-projets-page-1{
display: flex;
flex-wrap: wrap;
@media (max-width:810px){