*: Added media queries to make it less awful on mobile.

2018-11-01 20:56:24 +01:00
parent b57873091b
commit a8f4d68f1e
19 changed files with 93 additions and 13 deletions
@@ -4,7 +4,7 @@ import moment from "moment"
  <tr key="_header">
    <th>Date</th>
    <th>Channel</th>
-    <th>Event</th>
+    <th class="event">Event</th>
    <th>Characters</th>
  </tr>
  <logs-table-row for(log in input.logs) key=log.shortId log=log on-addfilter("emit", "addfilter") />
@@ -8,4 +8,18 @@ table.logs-table {
    cursor: pointer;
    text-decoration: underline;
  }
+
+  @media screen and (max-width: 900px) {
+    td.event, th.event {
+      display: none;
+    }
+  }
+
+  @media screen and (max-width: 700px) {
+    td.date {
+      white-space: normal !important;
+    }
+
+    font-size: 0.66em;
+  }
 }