margin print

This commit is contained in:
2026-05-22 11:26:02 +02:00
parent a36758e0d3
commit 7f1b9decb2
3 changed files with 43 additions and 24 deletions
+21 -10
View File
@@ -341,7 +341,6 @@ svg.ext {
display: none; display: none;
} }
.path-projets-complets .view-projets { .path-projets-complets .view-projets {
width: 80%;
margin: auto; margin: auto;
} }
.path-projets-complets .view-projets .view-filters { .path-projets-complets .view-projets .view-filters {
@@ -468,6 +467,12 @@ svg.ext {
.path-projets-complets .view-projets .field--name-field-encours-fini { .path-projets-complets .view-projets .field--name-field-encours-fini {
display: none; display: none;
} }
@media screen {
.path-projets-complets .view-projets .node-type-projet {
visibility: hidden;
}
}
@media print { @media print {
* { * {
box-shadow: none !important; box-shadow: none !important;
@@ -476,13 +481,17 @@ svg.ext {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
@page { @page {}
margin-top: 1cm;
margin-bottom: 1cm;
}
.layout-container { .layout-container {
display: block; display: block;
} }
.path-projets-complets .view-header {
margin-top: 0 !important;
}
.path-projets-complets .layout-content {
margin-top: 0 !important;
width: 95% !important;
}
.path-projets-complets .layout-content .print-header { .path-projets-complets .layout-content .print-header {
position: relative !important; position: relative !important;
top: auto !important; top: auto !important;
@@ -491,7 +500,7 @@ svg.ext {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
margin-bottom: 1.5rem; margin-bottom: 3rem;
padding-bottom: 1rem; padding-bottom: 1rem;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
break-after: avoid; break-after: avoid;
@@ -524,12 +533,12 @@ svg.ext {
border-bottom: none; border-bottom: none;
} }
.path-projets-complets .layout-content .views-row { .path-projets-complets .layout-content .views-row {
margin-top: 3rem;
break-after: page; break-after: page;
page-break-after: always; page-break-after: always;
} }
.path-projets-complets .layout-content .views-row .projet-header-print { .path-projets-complets .layout-content .views-row .projet-header-print-content {
padding-top: 3rem; width: 80%;
margin: auto;
} }
.path-projets-complets .layout-content .views-row .projet-header-print .field--name-title { .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
font-size: 1.2rem; font-size: 1.2rem;
@@ -702,6 +711,8 @@ svg.ext {
display: block; display: block;
} }
.path-projets-complets .layout-content .views-row .projet-body-print { .path-projets-complets .layout-content .views-row .projet-body-print {
width: 80%;
margin: auto;
padding-top: 3rem; padding-top: 3rem;
} }
.path-projets-complets .layout-content .views-row .paragraph { .path-projets-complets .layout-content .views-row .paragraph {
@@ -776,7 +787,7 @@ svg.ext {
margin-top: 0; margin-top: 0;
} }
.field--name-field-textes p { .field--name-field-textes p {
margin-top: 0; margin-top: 0.5rem;
} }
.field--name-field-textes .paragraph--type--texte { .field--name-field-textes .paragraph--type--texte {
margin-top: 1.5rem; margin-top: 1.5rem;
@@ -42,7 +42,7 @@
margin-bottom: 4rem !important; margin-bottom: 4rem !important;
///// filtres /////////// ///// filtres ///////////
.buttons-filtres-ressources{display: none;} .buttons-filtres-ressources{display: none;}
width: 80%;
margin: auto; margin: auto;
.view-filters{ .view-filters{
margin-top: 4rem; margin-top: 4rem;
@@ -174,9 +174,9 @@
// ///// /////////// // ///// ///////////
@media screen { @media screen {
// .node-type-projet { .node-type-projet {
// visibility: hidden; visibility: hidden;
// } }
} }
} }
@@ -11,8 +11,8 @@
height: auto; height: auto;
} }
@page { @page {
margin-top: 1cm; // margin-top: 1cm;
margin-bottom: 1cm; // margin-bottom: 1cm;
// margin-left: 1cm; // margin-left: 1cm;
// margin-right: 1cm; // margin-right: 1cm;
} }
@@ -20,9 +20,12 @@
display: block; display: block;
} }
.path-projets-complets { .path-projets-complets {
.view-header{
margin-top: 0 !important;
}
.layout-content{ .layout-content{
// width: 80vw; margin-top: 0 !important;
width: 95% !important;
.print-header { .print-header {
// position: absolute; // position: absolute;
@@ -40,7 +43,7 @@
align-items: center; align-items: center;
width: 100%; width: 100%;
margin-bottom: 1.5rem; margin-bottom: 3rem;
padding-bottom: 1rem; padding-bottom: 1rem;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
@@ -62,7 +65,7 @@
max-height: 55px; max-height: 55px;
width: auto; width: auto;
} }
.print-header__text { .print-header__text {
text-transform: uppercase; text-transform: uppercase;
font-family: "Source Code Pro"; font-family: "Source Code Pro";
@@ -81,12 +84,15 @@
.node-type-projet { .node-type-projet {
border-bottom:none; border-bottom:none;
} }
margin-top: 3rem; // margin-top: 3rem;
break-after: page ; break-after: page ;
page-break-after: always; page-break-after: always;
.projet-header-print-content{
width: 80%;
margin: auto;
}
.projet-header-print{ .projet-header-print{
padding-top: 3rem; // padding-top: 3rem;
.field--name-title{ .field--name-title{
font-size: 1.2rem; font-size: 1.2rem;
} }
@@ -315,6 +321,8 @@
} }
.projet-body-print{ .projet-body-print{
width: 80%;
margin: auto;
padding-top: 3rem ; padding-top: 3rem ;
} }
.paragraph{ .paragraph{
@@ -387,7 +395,7 @@
} }
} }
ul{margin-top: 0;} ul{margin-top: 0;}
p{margin-top: 0;} p{margin-top: 0.5rem;}
.paragraph--type--texte{ .paragraph--type--texte{
margin-top: 1.5rem; margin-top: 1.5rem;
.field--name-field-titre{ .field--name-field-titre{