Browse Source

margin print

ouidade 4 ngày trước cách đây
mục cha
commit
7f1b9decb2

+ 21 - 10
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;

+ 4 - 4
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;
+        }
       }
       
     }

+ 18 - 10
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{