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;
|
||||
// // }
|
||||
// }
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
left: inherit !important;
|
||||
}
|
||||
.layout-content{
|
||||
width: 80vw;
|
||||
margin: auto;
|
||||
// width: 90vw;
|
||||
// margin: auto;
|
||||
}
|
||||
|
||||
// =========================
|
||||
@@ -19,27 +19,10 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// .print-header img {
|
||||
// width: 2cm;
|
||||
// height: auto;
|
||||
// }
|
||||
|
||||
.print-header__text {
|
||||
text-transform: uppercase;
|
||||
font-family: "Source Code Pro";
|
||||
|
||||
color: $blue-dark;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
|
||||
///// bouton print //////
|
||||
.view-header{
|
||||
|
||||
position: fixed;
|
||||
right: 0;
|
||||
margin-right: 2rem;
|
||||
@@ -56,12 +39,10 @@
|
||||
|
||||
|
||||
.view-projets{
|
||||
|
||||
margin-top: 4rem !important;
|
||||
margin-bottom: 4rem !important;
|
||||
///// filtres ///////////
|
||||
.buttons-filtres-ressources{display: none;}
|
||||
// width: 80%;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
.view-filters{
|
||||
margin-top: 4rem;
|
||||
@@ -190,53 +171,13 @@
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.field--name-field-textes{
|
||||
margin-top: 2rem;
|
||||
.field__label{
|
||||
display: none !important;
|
||||
}
|
||||
ul{margin-top: 0;}
|
||||
p{margin-top: 0;}
|
||||
.paragraph--type--texte{
|
||||
margin-top: 1.5rem;
|
||||
.field--name-field-titre{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
///// ///////////
|
||||
// ///// ///////////
|
||||
|
||||
// @media screen {
|
||||
@media screen {
|
||||
// .node-type-projet {
|
||||
// visibility: hidden;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -251,19 +251,7 @@
|
||||
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,
|
||||
@@ -354,3 +342,56 @@
|
||||
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.field--name-field-textes{
|
||||
margin-top: 2rem;
|
||||
.field__label{
|
||||
display: none !important;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
ul{margin-top: 0;}
|
||||
p{margin-top: 0;}
|
||||
.paragraph--type--texte{
|
||||
margin-top: 1.5rem;
|
||||
.field--name-field-titre{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user