Merge branch 'extend-base-print' into 'master'

Fix and extend base_print.html

See merge request AlekSIS/official/AlekSIS!313

aleksis/core/static/print.css

@@ -38,7 +38,13 @@ header, main, footer {
     height: 0;
 }
 
-.print-layout-table td {
+.print-layout-table, .print-layout-td {
+    width: 190mm;
+    max-width: 190mm;
+    min-width: 190mm;
+}
+
+.print-layout-td {
     padding: 0;
 }
 
@@ -65,6 +71,18 @@ header .row, header .col {
     width: auto;
 }
 
+.page-break {
+    display: block;
+    text-align: center;
+    margin: auto;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    width: 200px;
+    border-top: 1px dashed;
+    color: darkgrey;
+    page-break-after: always;
+}
+
 @media print {
     .header-space {
         height: 35mm;
@@ -87,4 +105,8 @@ header .row, header .col {
         position: fixed;
         bottom: 0;
     }
+
+    .page-break {
+        border: white;
+    }
 }

aleksis/core/templates/core/base_print.html

@@ -29,7 +29,7 @@
   <table class="print-layout-table">
     <thead>
     <tr class="no-border">
-      <td>
+      <td class="print-layout-td">
         <div class="header-space">&nbsp;</div>
       </td>
     </tr>
@@ -37,12 +37,14 @@
 
     <tbody>
     <tr class="no-border">
-      <td>
+      <td class="print-layout-td">
         <div class="content">
           <header>
             <div id="print-header" class="row">
               <div class="col s6 logo">
-                <img src="{{ request.site.preferences.theme__logo.url }}" alt="Logo" id="print-logo"/>
+                {% static "img/aleksis-banner.svg" as aleksis_banner %}
+                <img src="{% firstof request.site.preferences.theme__logo.url aleksis_banner %}" alt="Logo"
+                     id="print-logo"/>
               </div>
               <div class="col s6 right-align">
                 <h5>{% block page_title %}{% endblock %}</h5>
@@ -55,7 +57,7 @@
 
           <footer>
             <div class="left">
-              {{ SCHOOL.name }}
+              {{ request.site.preferences.school__name }}
             </div>
 
             <div class="right">
@@ -69,7 +71,7 @@
 
     <tfoot>
     <tr class="no-border">
-      <td>
+      <td class="print-layout-td">
         <div class="footer-space">&nbsp;</div>
       </td>
     </tr>