Browse Source

Début de chapitre page droite

Tibo 4 years ago
parent
commit
fc90c190a5
3 changed files with 11 additions and 5 deletions
  1. 6 0
      src/css/layout.scss
  2. 2 2
      src/css/parametres.scss
  3. 3 3
      src/pages/Index.vue

+ 6 - 0
src/css/layout.scss

@@ -66,6 +66,12 @@
 .breakBefore{
   page-break-before: always;
 }
+.breakBeforeRight{
+  page-break-before: right;
+}
+.breakBeforeLeft{
+  page-break-before: left;
+}
 .breakAfter{
   page-break-after: always;
 }

+ 2 - 2
src/css/parametres.scss

@@ -3,8 +3,8 @@ $largeur: 148mm;
 $hauteur: 210mm;
 $marge: 2cm;
 $font-de-base: 10pt;
-$fond-perdu: 8mm;
-$traits-de-coupes: true;
+$fond-perdu: 0mm;
+$traits-de-coupes: false;
 @if $traits-de-coupes {
   .pagedjs_bleed-top::after {
     box-sizing: border-box;

+ 3 - 3
src/pages/Index.vue

@@ -48,17 +48,17 @@
       </span>
     </div>
   </div>
-  <div class="blank-page no-folio" />
   <!-- Chapitres -->
   <div v-for="(edge,index) in $page.chapitres.edges.slice().reverse()" :key="`chapitre${edge.node.id}`">
+    <div class="blank-page no-folio breakBeforeLeft" />
     <div v-if="edge.node.Rubrique">
-      <div class="section-title" :class="{breakBefore: index != 0}">
+      <div class="section-title" >
         {{edge.node.Rubrique}}
       </div>
       <h2 :id="`chapitres${edge.node.id}`" class="chapter-title ">{{edge.node.Titre}}</h2>
     </div>
     <div v-else>
-      <h2 :id="`chapitres${edge.node.id}`" class="chapter-title breakBefore">{{edge.node.Titre}}</h2>
+      <h2 :id="`chapitres${edge.node.id}`" class="chapter-title">{{edge.node.Titre}}</h2>
     </div>
     <VueMarkdown class="chapter-content justify">{{edge.node.Contenu}}
     </VueMarkdown>