From 099be319282a3035070395a093a8144ed4f275bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Matula?= <lukas@gbely.net>
Date: Fri, 8 May 2020 18:29:51 +0200
Subject: [PATCH] [Dovecot] Quarantine template: css for mobile devices (#3520)

---
 data/assets/templates/quarantine.tpl | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)
diff --git a/data/assets/templates/quarantine.tpl b/data/assets/templates/quarantine.tpl
index a0479a4a..e01d4cdb 100644
--- a/data/assets/templates/quarantine.tpl
+++ b/data/assets/templates/quarantine.tpl
@@ -1,5 +1,6 @@
 <html>
   <head>
+  <meta name="x-apple-disable-message-reformatting" />
   <style>
   body {
     font-family: Helvetica, Arial, Sans-Serif;
@@ -15,12 +16,22 @@
     border-bottom: 1px solid #ddd;
     vertical-align: top;
   }
+  td.fixed {
+    white-space: nowrap;
+  }
   th {
     background-color: #56B04C;
     color: white;
   }
-  tr:nth-child(even){background-color: #f2f2f2}
-
+  tr:nth-child(even) {
+    background-color: #f2f2f2;
+  }
+  /* mobile devices */
+  @media all and (max-width: 480px) {
+    .mob {
+    display: none;
+    }    
+  }
   </style>
   </head>
   <body>
@@ -31,15 +42,15 @@
     There are {{counter}} new messages waiting in quarantine:<br>
     {% endif %}
     <table>
-    <tr><th>Subject</th><th>Sender</th><th>Score</th><th>Arrived on</th>{% if quarantine_acl == 1 %}<th>Actions</th>{% endif %}</tr>
+    <tr><th>Subject</th><th>Sender</th><th class="mob">Score</th><th class="mob">Arrived on</th>{% if quarantine_acl == 1 %}<th>Actions</th>{% endif %}</tr>
     {% for line in meta %}
     <tr>
     <td>{{ line.subject|e }}</td>
     <td>{{ line.sender|e }}</td>
-    <td>{{ line.score }}</td>
-    <td>{{ line.created }}</td>
+    <td class="mob">{{ line.score }}</td>
+    <td class="mob">{{ line.created }}</td>
     {% if quarantine_acl == 1 %}
-    <td><a href="https://{{ hostname }}/qhandler/release/{{ line.qhash }}">release</a> | <a href="https://{{ hostname }}/qhandler/delete/{{ line.qhash }}">delete</a></td>
+    <td class="fixed"><a href="https://{{ hostname }}/qhandler/release/{{ line.qhash }}">release</a> | <a href="https://{{ hostname }}/qhandler/delete/{{ line.qhash }}">delete</a></td>
     {% endif %}
     </tr>
     {% endfor %}

Subject	Sender	Score	Arrived on	Actions
Subject	Sender	Score	Arrived on	Actions
{{ line.subject\|e }}	{{ line.sender\|e }}	{{ line.score }}	{{ line.created }}	{{ line.score }}	{{ line.created }}	release \| delete	release \| delete