Merge pull request #106 from VSVverkeerskunde/feature/VSVGVQ-112

VSVGVQ-112 Bigger photos on PDF.
VSVverkeerskunde · Aug 30, 2018 · 1aa924c · 1aa924c
2 parents 6a2562c + 8bf3b98
commit 1aa924c
Show file tree

Hide file tree

Showing 5 changed files with 94 additions and 62 deletions.
diff --git a/assets/scss/core/_print.scss b/assets/scss/core/_print.scss
@@ -1,4 +1,9 @@
 @media print {
+    body {
+        padding-left: 1em;
+        padding-right: 1em;
+    }
+
     * {
         background: transparent !important;
         color: #000 !important; /* Black prints faster: h5bp.com/s */
@@ -63,4 +68,15 @@
         display: inline;
     }
 
+    table.print .image {
+        width: 20%;
+    }
+    table.print .question {
+        width: 55%;
+    }
+    table.print tfoot img {
+        height: 50px;
+        width: auto;
+    }
+
 }
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -7,9 +7,10 @@
 @import "mixins/type";
 
 @import "core/scaffold";
-@import "core/print";
 
 @import "components/overrides";
 @import "components/content";
 @import "components/footer";
 @import "components/header";
+
+@import "core/print";
diff --git a/public/css/style.css b/public/css/style.css
diff --git a/public/css/style.css.map b/public/css/style.css.map
diff --git a/templates/questions/print.html.twig b/templates/questions/print.html.twig
@@ -6,7 +6,7 @@
 
 {% block body %}
 
-    <table class="table">
+    <table class="table print">
         <thead>
             <tr>
                 <th colspan="5">{% trans %}GVQ.title{% endtrans %}</th>
@@ -22,11 +22,11 @@
         <tbody>
             {% for question in questions %}
                 <tr>
-                    <td>
+                    <td class="image">
                         <img src="{{ uploadPath ~ question.imageFileName.toNative }}"
                              width="200">
                     </td>
-                    <td>
+                    <td class="question">
                         <strong>{{ question.text.toNative }}</strong>
                         <ul>
                             {% for answer in question.answers.toArray %}
@@ -38,13 +38,13 @@
                         <p>{{ question.feedback.toNative }}</p>
                         <h5><span class="badge badge-secondary">{{ question.id.toString }}</span></h5>
                     </td>
-                    <td>
+                    <td class="year">
                         {{ question.year.toNative }}
                     </td>
-                    <td>
+                    <td class="lang">
                         {{ question.language.toNative }}
                     </td>
-                    <td>
+                    <td class="cat">
                         {{ question.category.name.toNative }}
                     </td>
                 </tr>