changeset 1068:882afcc6279e

Yahoo thread table now stacks on small devices.
author Brian Neal <bgneal@gmail.com>
date Thu, 31 Mar 2016 21:01:27 -0500
parents 1868467244d2
children ae015fcec351
files sg101/templates/ygroup/v3/thread_list.html
diffstat 1 files changed, 15 insertions(+), 17 deletions(-) [+]
line wrap: on
line diff
--- a/sg101/templates/ygroup/v3/thread_list.html	Thu Mar 31 20:32:46 2016 -0500
+++ b/sg101/templates/ygroup/v3/thread_list.html	Thu Mar 31 21:01:27 2016 -0500
@@ -10,22 +10,20 @@
 find the archived messages of our original Yahoo group. You can also search through these messages via our <a href="{% url 'haystack_search' %}">search page</a>.
 </p>
 {% include "ygroup/v3/pagination.html" %}
-<div class="scrollable-x">
-   <table class="full-width">
-      <thead>
-      <tr><th>Title</th><th>Author</th><th>Posts</th><th>Date</th></tr>
-      </thead>
-      <tbody>
-      {% for thread in page_obj.object_list %}
-      <tr>
-         <td><a href="{{ thread.get_absolute_url }}">{{ thread.title }}</a></td>
-         <td>{{ thread.poster }}</td>
-         <td>{{ thread.post_count }}</td>
-         <td>{{ thread.creation_date|date:"d M Y" }}</td>
-      </tr>
-      {% endfor %}
-      </tbody>
-   </table>
-</div>
+<table class="stack">
+   <thead>
+   <tr><th>Title</th><th>Author</th><th>Posts</th><th>Date</th></tr>
+   </thead>
+   <tbody>
+   {% for thread in page_obj.object_list %}
+   <tr>
+      <td><a href="{{ thread.get_absolute_url }}">{{ thread.title }}</a></td>
+      <td>{{ thread.poster }}</td>
+      <td>{{ thread.post_count }}</td>
+      <td>{{ thread.creation_date|date:"d M Y" }}</td>
+   </tr>
+   {% endfor %}
+   </tbody>
+</table>
 {% include "ygroup/v3/pagination.html" %}
 {% endblock %}