Add landscape print stylesheet and ability to switch between landscape and portrait mode

fba54dec · Hangzhi Yu · dc647698 · fba54dec · fba54dec
Commit fba54dec authored 4 years ago by Hangzhi Yu
--- a/aleksis/core/static/print_landscape.css
+++ b/aleksis/core/static/print_landscape.css
+@page {
+    size: A4 landscape;
+}
+
+header {
+    width: 277mm;
+}
+
+
+.print-layout-table, .print-layout-td {
+    width: 277mm;
+    max-width: 277mm;
+    min-width: 277mm;
+}
+
+
+footer {
+    width: 277mm;
+}
--- a/aleksis/core/templates/core/base_print.html
+++ b/aleksis/core/templates/core/base_print.html
@@ -18,11 +18,13 @@
  {% include_css "paper-css" %}
  <link rel="stylesheet" href="{% sass_src 'style.scss' %}"/>
  <link rel="stylesheet" href="{% static "print.css" %}"/>
-
+  {% if landscape %}
+    <link rel="stylesheet" href="{% static 'print_landscape.css' %}"/>
+  {% endif %}
  {% block extra_head %}{% endblock %}
 </head>

-<body class="A4 print-body">
+<body class="A4 {% if landscape %}landscape{% endif %} print-body">
 <main class="sheet infinite">
  <div style="margin-top: -10mm;"></div>