Improvements to event table mobile

This commit is contained in:
2020-03-24 22:53:47 +00:00
parent 7a08f2d889
commit 0271840f4d
6 changed files with 60 additions and 62 deletions

View File

@@ -1,15 +1,16 @@
<div class="table-responsive">
<table class="table mb-0">
<thead class="thead-dark">
<tr>
<th scope="col">#</th>
<th scope="col">Event Date</th>
<th scope="col">Event Details</th>
<th scope="col">MIC</th>
</tr>
</thead>
<tbody>
{% for event in events %}
<div class="d-none d-md-block">
<div class="table-responsive">
<table class="table mb-0">
<thead class="thead-dark">
<tr>
<th scope="col">#</th>
<th scope="col">Event Date</th>
<th scope="col">Event Details</th>
<th scope="col">MIC</th>
</tr>
</thead>
<tbody>
{% for event in events %}
<tr {% include 'partials/event_table_colour.html' %}>
<!---Number-->
<th scope="row">{{ event.pk }}</th>
@@ -89,7 +90,15 @@
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% empty %}
<tr class="bg-warning">
<td colspan="6">No events found</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="d-xs-block d-sm-block d-md-none">
{% include 'event_table_mobile.html' %}
</div>