twig header print

This commit is contained in:
2026-05-21 19:42:45 +02:00
parent 8cbd6e4acd
commit a36758e0d3
5 changed files with 188 additions and 289 deletions
+55 -55
View File
@@ -3,20 +3,20 @@
-------------------------- */
@page {
size: A4 portrait;
margin: 1.5cm;
// margin: 1.5cm;
@bottom-center {
content: "Page " counter(page) " / " counter(pages);
font-size: 9pt;
}
// @bottom-center {
// content: "Page " counter(page) " / " counter(pages);
// font-size: 9pt;
// }
}
/* Pas de numéro sur cover / back-cover */
.cover { page: cover; }
.back-cover { page: backcover; }
// .cover { page: cover; }
// .back-cover { page: backcover; }
@page cover { @bottom-center { content: none; } }
@page backcover { @bottom-center { content: none; } }
// @page cover { @bottom-center { content: none; } }
// @page backcover { @bottom-center { content: none; } }
/* -------------------------
PRINT (Ctrl+P)
@@ -48,30 +48,30 @@
}
/* Cover */
.cover.print-only {
display: flex !important;
min-height: 100vh;
align-items: center;
justify-content: center;
text-align: center;
break-after: page;
}
// .cover.print-only {
// display: flex !important;
// min-height: 100vh;
// align-items: center;
// justify-content: center;
// text-align: center;
// break-after: page;
// }
/* Back cover */
.back-cover.print-only {
break-before: page;
.views-row-wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
}
// /* Back cover */
// .back-cover.print-only {
// break-before: page;
// .views-row-wrapper{
// display: flex;
// flex-direction: row;
// flex-wrap: wrap;
// }
// }
/* Optionnel : éviter lURL après liens sur la cover */
.cover.print-only a[href^="http"]::after,
.cover.print-only a[href^="https"]::after {
content: "" !important;
}
// .cover.print-only a[href^="http"]::after,
// .cover.print-only a[href^="https"]::after {
// content: "" !important;
// }
}
@@ -79,32 +79,32 @@
/* -------------------------
SCREEN preview (Paged.js)
-------------------------- */
@media screen {
/* En écran normal : cacher print-only */
body:not(.use-paged) .print-only { display: none !important; }
// @media screen {
// /* En écran normal : cacher print-only */
// body:not(.use-paged) .print-only { display: none !important; }
/* Fond et affichage pages */
body.use-paged { background: #ddd; }
// /* Fond et affichage pages */
// body.use-paged { background: #ddd; }
body.use-paged .pagedjs_pages {
width: 100%;
padding: 2rem 0;
}
// body.use-paged .pagedjs_pages {
// width: 100%;
// padding: 2rem 0;
// }
body.use-paged .pagedjs_page {
margin: 1rem auto;
background: #fff;
box-shadow: 0 0 0 1px rgba(0,0,0,.35);
}
// body.use-paged .pagedjs_page {
// margin: 1rem auto;
// background: #fff;
// box-shadow: 0 0 0 1px rgba(0,0,0,.35);
// }
body.use-paged .pagedjs_pagebox {
width: 210mm;
min-height: 297mm;
margin: 0 auto;
background: #fff;
}
/* Paged.js met le contenu dans .pagedjs_page_content : on évite les surprises */
body.use-paged .pagedjs_page_content {
display: block;
}
}
// body.use-paged .pagedjs_pagebox {
// width: 210mm;
// min-height: 297mm;
// margin: 0 auto;
// background: #fff;
// }
// /* Paged.js met le contenu dans .pagedjs_page_content : on évite les surprises */
// // body.use-paged .pagedjs_page_content {
// // display: block;
// // }
// }