Improved height limiting of tables

This commit is contained in:
Rsl1122 2019-08-14 17:56:23 +03:00
parent d3b7ffe499
commit 59309090a9
5 changed files with 72 additions and 52 deletions

View File

@ -67,7 +67,7 @@ public class TableContainer {
return getTableHeader() +
parseHeader() +
parseBody() +
"</table>" + (jqueryDatatable != null ? "</div>" : "");
"</table></div>";
}
public final String parseBody() {

View File

@ -80,7 +80,7 @@ public enum Html {
TABLE_END("</tbody></table>"),
TABLE("<table class=\"table table-striped\">"),
TABLE_SCROLL("<table class=\"table table-striped scrollbar\">"),
TABLE_SCROLL("<div class=\"scrollbar\"><table class=\"table table-striped\">"),
TABLE_JQUERY("<table class=\"table table-bordered table-striped table-hover ${0} dataTable\">"),
TABLE_COLORED("<table class=\"bg-${0} table table-striped\">"),
TABLE_HEAD("<thead>${0}</thead>"),

View File

@ -47,6 +47,12 @@
}
}
div.scrollbar {
overflow: hidden;
overflow-y: auto;
max-height: 60vh;
}
.clickable {
cursor: pointer;
}

View File

@ -356,16 +356,20 @@
class="far fa-fw fa-hand-pointer"></i>
<small>Click to expand</small></span></h6>
</div>
<div class="scrollbar">
<table class="table mb-0" id="tableAccordion">
<thead>
<tr>
<th><i class="fa fa-fw fa-server"></i> Server</th>
<th><i class="far fa-fw fa-clock"></i> Session Started</th>
<th><i class="far fa-fw fa-clock"></i> Length</th>
<th><i class="far fa-fw fa-map"></i> Most played World</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div> <!-- End of Most recent sessions -->
<div class="col-lg-4 mb-4 col-sm-12">
<!-- World Playtime -->
@ -540,16 +544,20 @@
Servers<span class="float-right"><i class="far fa-fw fa-hand-pointer"></i>
<small>Click to expand</small></span></h6>
</div>
<div class="scrollbar">
<table class="table mb-0" id="tableServerAccordion">
<thead>
<tr>
<th><i class="fa fa-fw fa-server"></i> Server</th>
<th><i class="far fa-fw fa-clock"></i> Playtime</th>
<th><i class="far fa-fw fa-calendar-plus"></i> Registered</th>
<th><i class="far fa-fw fa-calendar-check"></i> Last Seen</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div> <!-- End of Most recent sessions -->
<div class="col-lg-4 mb-4 col-sm-12">
<!-- World Playtime -->

View File

@ -535,6 +535,7 @@
class="far fa-fw fa-hand-pointer"></i>
<small>Click to expand</small></span></h6>
</div>
<div class="scrollbar" style="height: 80vh">
<table class="table mb-0" id="tableAccordion">
<thead>
<tr>
@ -548,6 +549,7 @@
</tbody>
</table>
</div>
</div>
</div> <!-- End of Most recent sessions -->
<div class="col-lg-4 mb-4 col-sm-12">
<!-- World Playtime -->
@ -699,11 +701,13 @@
class="fas fa-fw fa-crosshairs col-red"></i>
Recent Kills</h6>
</div>
<div class="scrollbar">
<table class="table" id="playerKillTable">
</table>
</div>
</div>
</div>
</div>
</div> <!-- /.container-fluid -->
</div> <!-- End of PvP & PvE Tab -->
<!-- Begin Playerbase Overview Tab -->
@ -940,6 +944,7 @@
class="fas fa-fw fa-wifi col-green"></i>
Connection Information</h6>
</div>
<div class="scrollbar">
<table class="table mb-0">
<thead class="bg-amber">
<tr>
@ -961,6 +966,7 @@
</div>
</div>
</div>
</div>
</div> <!-- /.container-fluid -->
</div> <!-- End of Geolocations tab -->
<!-- Begin Performance Tab -->