From 7f1b9decb2006492d5f1af131fb2207542ea44a3 Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 22 May 2026 11:26:02 +0200 Subject: [PATCH] margin print --- .../custom/eql/dist/assets/css/bundle.css | 31 +++++++++++++------ .../global/print/_projets-complets-ecran.scss | 8 ++--- .../global/print/_projets-complets-print.scss | 28 +++++++++++------ 3 files changed, 43 insertions(+), 24 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 89feb74..aa99715 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -341,7 +341,6 @@ svg.ext { display: none; } .path-projets-complets .view-projets { - width: 80%; margin: auto; } .path-projets-complets .view-projets .view-filters { @@ -468,6 +467,12 @@ svg.ext { .path-projets-complets .view-projets .field--name-field-encours-fini { display: none; } +@media screen { + .path-projets-complets .view-projets .node-type-projet { + visibility: hidden; + } +} + @media print { * { box-shadow: none !important; @@ -476,13 +481,17 @@ svg.ext { max-width: 100%; height: auto; } - @page { - margin-top: 1cm; - margin-bottom: 1cm; - } + @page {} .layout-container { 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 { position: relative !important; top: auto !important; @@ -491,7 +500,7 @@ svg.ext { justify-content: space-between; align-items: center; width: 100%; - margin-bottom: 1.5rem; + margin-bottom: 3rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; break-after: avoid; @@ -524,12 +533,12 @@ svg.ext { border-bottom: none; } .path-projets-complets .layout-content .views-row { - margin-top: 3rem; break-after: page; page-break-after: always; } - .path-projets-complets .layout-content .views-row .projet-header-print { - padding-top: 3rem; + .path-projets-complets .layout-content .views-row .projet-header-print-content { + width: 80%; + margin: auto; } .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title { font-size: 1.2rem; @@ -702,6 +711,8 @@ svg.ext { display: block; } .path-projets-complets .layout-content .views-row .projet-body-print { + width: 80%; + margin: auto; padding-top: 3rem; } .path-projets-complets .layout-content .views-row .paragraph { @@ -776,7 +787,7 @@ svg.ext { margin-top: 0; } .field--name-field-textes p { - margin-top: 0; + margin-top: 0.5rem; } .field--name-field-textes .paragraph--type--texte { margin-top: 1.5rem; diff --git a/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss b/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss index 69f4393..2cb59cc 100644 --- a/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss +++ b/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss @@ -42,7 +42,7 @@ margin-bottom: 4rem !important; ///// filtres /////////// .buttons-filtres-ressources{display: none;} - width: 80%; + margin: auto; .view-filters{ margin-top: 4rem; @@ -174,9 +174,9 @@ // ///// /////////// @media screen { - // .node-type-projet { - // visibility: hidden; - // } + .node-type-projet { + visibility: hidden; + } } } diff --git a/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss b/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss index e01e0fd..97218be 100644 --- a/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss +++ b/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss @@ -11,8 +11,8 @@ height: auto; } @page { - margin-top: 1cm; - margin-bottom: 1cm; + // margin-top: 1cm; + // margin-bottom: 1cm; // margin-left: 1cm; // margin-right: 1cm; } @@ -20,9 +20,12 @@ display: block; } .path-projets-complets { - + .view-header{ + margin-top: 0 !important; + } .layout-content{ - // width: 80vw; + margin-top: 0 !important; + width: 95% !important; .print-header { // position: absolute; @@ -40,7 +43,7 @@ align-items: center; width: 100%; - margin-bottom: 1.5rem; + margin-bottom: 3rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; @@ -62,7 +65,7 @@ max-height: 55px; width: auto; } - .print-header__text { + .print-header__text { text-transform: uppercase; font-family: "Source Code Pro"; @@ -81,12 +84,15 @@ .node-type-projet { border-bottom:none; } - margin-top: 3rem; + // margin-top: 3rem; break-after: page ; page-break-after: always; - + .projet-header-print-content{ + width: 80%; + margin: auto; + } .projet-header-print{ - padding-top: 3rem; + // padding-top: 3rem; .field--name-title{ font-size: 1.2rem; } @@ -315,6 +321,8 @@ } .projet-body-print{ + width: 80%; + margin: auto; padding-top: 3rem ; } .paragraph{ @@ -387,7 +395,7 @@ } } ul{margin-top: 0;} - p{margin-top: 0;} + p{margin-top: 0.5rem;} .paragraph--type--texte{ margin-top: 1.5rem; .field--name-field-titre{