diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index fcf0e68..7080d29 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -596,6 +596,19 @@ svg.ext { } @media print { + * { + box-shadow: none !important; + } + img { + max-width: 100%; + height: auto; + } + @page { + margin-top: 1cm; + margin-bottom: 1cm; + margin-left: 1cm; + margin-right: 1cm; + } .layout-container { display: block; } @@ -623,6 +636,9 @@ svg.ext { text-transform: uppercase; text-align: end; } + .path-projets-complets .layout-content .views-row .node-type-projet { + border-bottom: none; + } .path-projets-complets .layout-content .views-row { margin-top: 3rem; break-after: page; @@ -634,9 +650,19 @@ svg.ext { .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title { font-size: 1.2rem; } + .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item:nth-child(n+8) { + display: none; + } + .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .image-field-caption { + display: none; + } .path-projets-complets .layout-content .views-row .projet-body-print { padding-top: 3rem; } + .path-projets-complets .layout-content .views-row .paragraph { + break-inside: avoid; + page-break-inside: avoid; + } .path-projets-complets .views-row { page-break-before: always; break-before: page; 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 843a004..5037feb 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 @@ -2,71 +2,96 @@ // PRINT // ========================= @media print { - .layout-container{ + * { + box-shadow: none !important; + } + img { + max-width: 100%; + height: auto; + } + @page { + margin-top: 1cm; + margin-bottom: 1cm; + margin-left: 1cm; + margin-right: 1cm; + } + .layout-container{ display: block; - } - .path-projets-complets { + } + .path-projets-complets { - .layout-content{ - width: 80vw; - - .print-header { - position: absolute; - top: 1cm; - right: 1cm; - display: flex; - align-items: center; - gap: 0.5rem; - } - - .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; - } - - .views-row{ - - margin-top: 3rem; - break-after: page ; - page-break-after: always; - - .projet-header-print{ - padding-top: 3rem; - .field--name-title{ - font-size: 1.2rem; - } - } - .projet-body-print{ - padding-top: 3rem ; - } - } - + .layout-content{ + width: 80vw; + + .print-header { + position: absolute; + top: 1cm; + right: 1cm; + display: flex; + align-items: center; + gap: 0.5rem; + } + + .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; + } + + .views-row{ + .node-type-projet { + border-bottom:none; } - } - .path-projets-complets .views-row { - page-break-before: always; - break-before: page; - } - - .path-projets-complets .views-row:first-child { - page-break-before: auto; - break-before: auto; - } - - .path-projets-complets .projet-header-print { + margin-top: 3rem; + break-after: page ; page-break-after: always; - break-after: page; + + .projet-header-print{ + padding-top: 3rem; + .field--name-title{ + font-size: 1.2rem; + } + .field--name-field-photo .field__item:nth-child(n+8) { + display: none; + } + .field--name-field-photo .image-field-caption { + display: none; + } + } + .projet-body-print{ + padding-top: 3rem ; + } + .paragraph{ + break-inside: avoid; + page-break-inside: avoid; + } } + + } + } + .path-projets-complets .views-row { + page-break-before: always; + break-before: page; + } + + .path-projets-complets .views-row:first-child { + page-break-before: auto; + break-before: auto; + } + + .path-projets-complets .projet-header-print { + page-break-after: always; + break-after: page; + } } \ No newline at end of file diff --git a/web/themes/custom/eql/templates/node--view--projets.html.twig b/web/themes/custom/eql/templates/node--view--projets.html.twig index 97c9921..4473d48 100644 --- a/web/themes/custom/eql/templates/node--view--projets.html.twig +++ b/web/themes/custom/eql/templates/node--view--projets.html.twig @@ -94,13 +94,13 @@
{# {{ content }} #} - #} {#
#}