Преглед изворни кода

remove header print no good

ouidade пре 1 дан
родитељ
комит
a63f08be9d

+ 26 - 0
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;

+ 84 - 59
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 ;
-                }                
-            }
-           
-        }
-    }
-    .path-projets-complets .views-row {
-        page-break-before: always;
-        break-before: page;
-    }
+    .layout-content{
+        width: 80vw;
     
-      .path-projets-complets .views-row:first-child {
-        page-break-before: auto;
-        break-before: auto;
+      .print-header {
+        position: absolute;
+        top: 1cm;
+        right: 1cm;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
       }
     
-      .path-projets-complets .projet-header-print {
+      .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;
+        }
+        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;
+  }
   
 }

+ 2 - 2
web/themes/custom/eql/templates/node--view--projets.html.twig

@@ -94,13 +94,13 @@
 
   <div class="projet-content"{{ content_attributes }}>
     {# {{ content }} #}
-    <div class="print-header">
+    {# <div class="print-header">
       <div class="print-header__text">
         ENGAGÉS POUR LA QUALITÉ<br>
         DU LOGEMENT DE DEMAIN
       </div>
       <img src="{{ directory }}/images/sceau_excellence_def.png" alt="">
-</div>
+</div> #}
 
 {# <div class="projet-content"> #}