Browse Source

Ajout du fond perdu

Tibo 4 years ago
parent
commit
1ecd29bfbd
4 changed files with 31 additions and 7 deletions
  1. 1 1
      src/.temp/now.js
  2. 11 0
      src/css/gabarits.scss
  3. 13 0
      src/css/print.scss
  4. 6 6
      src/pages/Index.vue

+ 1 - 1
src/.temp/now.js

@@ -1 +1 @@
-export default 1563184222611
+export default 1563188246033

+ 11 - 0
src/css/gabarits.scss

@@ -24,6 +24,13 @@
   @page imagecover {
     size: $largeur $hauteur;
 		margin: 0cm;
+    @bottom-left {
+			content: unset;
+		}
+    @bottom-right {
+			content: unset;
+		}
+
 	}
 
 	@page nofolio :left {
@@ -37,3 +44,7 @@
 		}
 	}
 }
+
+.pagedjs_sheet{
+  overflow: visible;
+}

+ 13 - 0
src/css/print.scss

@@ -37,6 +37,19 @@ body {
 .canbreak{
 	page-break-before: always;
 }
+.image-bleed-left{
+	position: absolute;
+	width: calc(100% + 3mm);
+	height: calc(100% + 6mm);
+	margin-left: -3mm;
+	margin-top: -3mm;
+}
+.image-bleed-right{
+	position: absolute;
+	width: calc(100% + 3mm);
+	height: calc(100% + 6mm);
+	margin-top: -3mm;
+}
 .image-cover {
 	page: imagecover;
 	background-size: cover;

+ 6 - 6
src/pages/Index.vue

@@ -21,7 +21,7 @@
         </div>
     </div>
     <!-- Page de fond -->
-    <div class="column image-cover" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[1].node.url + ")", }'></div>
+    <div class="column image-cover image-bleed-left" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[1].node.url + ")", }'></div>
     <!-- Sommaire -->
     <div class="column column">
     <div class="column justify-end table-of-content">
@@ -42,9 +42,9 @@
           <li>{{note}}</li>
         </ol>
       <!-- Pleine pages avant les sections -->
-      <div class="column image-cover cover-left green" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
+      <div class="column image-cover cover-left green image-bleed-left" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
       </div>
-      <div class="column image-cover cover-right green" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
+      <div class="column image-cover cover-right green image-bleed-right" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
       </div>
       <!-- Page blanche -->
       <div class="blank-page no-folio"></div>
@@ -120,8 +120,8 @@ query {
                   document.documentElement.style.cssText = 'visibility:visible !important';
                 }
               }
+            }
+          })
         }
-      })
-  	}
-  }
+      }
 </script>