twig header print
This commit is contained in:
@@ -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 l’URL 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;
|
||||
// // }
|
||||
// }
|
||||
|
||||
Reference in New Issue
Block a user