Start styling changes. After updating to this force a refresh (shift+refresh) in your browser to reload styles.

Make more use of card-type layouts.
Make tables responsive.
This commit is contained in:
Tim 2015-06-28 16:59:36 +02:00
commit 762199344c
14 changed files with 1367 additions and 303 deletions

View file

@ -5,6 +5,7 @@ from plexpy import helpers
<%def name="headIncludes()">
<link rel="stylesheet" href="interfaces/default/css/plexwatch-tables.css">
<link rel="stylesheet" href="interfaces/default/css/dataTables.responsive.css">
<style>
td {word-wrap: break-word}
</style>
@ -33,13 +34,13 @@ from plexpy import helpers
<div class='container-fluid'>
<div class='row-fluid'>
<div class='span12'>
<div class='wellbg'>
<div class='table-card-back'>
<table class="display" id="log_table" width="100%">
<thead>
<tr>
<th align='left' id="timestamp"><i class='fa fa-sort'></i> Timestamp</th>
<th align='left' id="level"><i class='fa fa-sort'></i> Level</th>
<th align='left' id="message"><i class='fa fa-sort'></i> Message</th>
<th align='left' id="timestamp">Timestamp</th>
<th align='left' id="level">Level</th>
<th align='left' id="message">Message</th>
</tr>
</thead>
<tbody>
@ -67,6 +68,7 @@ from plexpy import helpers
<%def name="javascriptIncludes()">
<script src="interfaces/default/js/jquery.dataTables.min.js"></script>
<script src="interfaces/default/js/dataTables.responsive.js"></script>
<script src="interfaces/default/js/jquery.dataTables.bootstrap.pagination.integration.js"></script>
<script src="interfaces/default/js/tables/logs.js"></script>
<script>