Commit b28b13ee authored by Johannes Knödtel's avatar Johannes Knödtel 🎶
Browse files

make tables nicer

fixes #39
fixes #42
parent 52c7790d
......@@ -44,7 +44,8 @@
;; Page Assets
[org.webjars/jquery "3.1.1-1"]
[org.webjars/materializecss "0.97.7"]
[org.webjars/material-design-icons "3.0.1"]]
[org.webjars/material-design-icons "3.0.1"]
[org.webjars/datatables "1.10.12-1"]]
:repositories {"sonatype-oss-public" "https://oss.sonatype.org/content/groups/public/"}
......
......@@ -25,6 +25,14 @@ select
table.highlight > tbody > tr:hover
background-color: rgba(0,0,0,0)
.table-container
overflow-x: scroll
input[type="search"]
margin-left: 0 !important
margin-right: 0 !important
html, body
width: 100%
font-family: Roboto, sans-serif
......
......@@ -62,6 +62,7 @@
<div class="row">
<div class=" col s12">
<h4>Bestellungen</h4>
<div class="table-container">
<table class="highlight">
<thead>
<tr>
......@@ -161,6 +162,7 @@
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
......@@ -322,6 +324,7 @@
<div class="row">
<div class=" col s12">
<h4>Zu Viel</h4>
<div class="table-container">
<table class="highlight">
<thead>
<tr>
......@@ -344,11 +347,13 @@
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class=" col s12">
<h4>Zu Wenig</h4>
<div class="table-container">
<table class="highlight">
<thead>
<tr>
......@@ -371,6 +376,7 @@
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
......@@ -392,9 +398,16 @@
{% endblock %}
{% block scripts %}
{% script "/assets/datatables/js/jquery.dataTables.min.js" %}
{% style "/assets/datatables/css/dataTables.material.min.css" %}
<script type="text/javascript">
$(document).ready(function() {
$('.modal-trigger').leanModal();
$('table').DataTable({
width: '100%',
paginate: false,
info: false
});
});
</script>
{% endblock %}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment