+
- @await Component.InvokeAsync("TopPlayers", new { count = 50, offset = 0 })
+ @await Component.InvokeAsync("TopPlayers", new { count = 10, offset = 0 })
@foreach (var server in ViewBag.Servers)
{
- @await Component.InvokeAsync("TopPlayers", new { count = 50, offset = 0, serverId = server.ID })
}
@@ -30,5 +29,5 @@
-
+
}
diff --git a/WebfrontCore/wwwroot/css/bootstrap-custom.css b/WebfrontCore/wwwroot/css/bootstrap-custom.css
index ea0af9ad6..408974946 100644
--- a/WebfrontCore/wwwroot/css/bootstrap-custom.css
+++ b/WebfrontCore/wwwroot/css/bootstrap-custom.css
@@ -6418,20 +6418,27 @@ form *, select {
right: 1em; }
.nav-tabs, .nav-tabs .nav-link.active {
- border-color: #007ACC;
+ border-width: 0;
+ color: #007ACC;
background-color: rgba(0, 0, 0, 0.2);
color: #fff !important; }
+.nav-tabs .nav-link.active {
+ border-bottom-width: 1px;
+ border-bottom-color: #007ACC !important; }
+
.nav-tabs .nav-link:hover {
- border-color: #007ACC;
- background-color: rgba(0, 0, 0, 0.2);
- border-width: 2px; }
+ background-color: #222222;
+ color: #007ACC;
+ border-width: 0 0 1px 0;
+ border-bottom-color: #007ACC; }
.nav-tabs .nav-link {
border-radius: 0;
padding: 1rem;
color: #6c757d;
- border-width: 2px; }
+ border-width: 0 0 1px 0;
+ border-bottom-color: transparent; }
.nav-tabs .nav-link.active {
border-bottom-color: transparent; }
diff --git a/WebfrontCore/wwwroot/css/bootstrap-custom.scss b/WebfrontCore/wwwroot/css/bootstrap-custom.scss
index 9e6eadea6..aec928600 100644
--- a/WebfrontCore/wwwroot/css/bootstrap-custom.scss
+++ b/WebfrontCore/wwwroot/css/bootstrap-custom.scss
@@ -221,22 +221,31 @@ form *, select {
}
.nav-tabs, .nav-tabs .nav-link.active {
- border-color: $blue;
+ border-width: 0;
+ color: $blue;
background-color: rgba(0, 0, 0, 0.2);
color: $white !important;
}
+.nav-tabs .nav-link.active
+{
+ border-bottom-width: 1px;
+ border-bottom-color: $blue !important;
+}
+
.nav-tabs .nav-link:hover {
- border-color: $blue;
- background-color: rgba(0, 0, 0, 0.2);
- border-width: 2px;
+ background-color: #222222;
+ color: $blue;
+ border-width: 0 0 1px 0;
+ border-bottom-color: $blue;
}
.nav-tabs .nav-link {
border-radius: 0;
padding: 1rem;
color: #6c757d;
- border-width: 2px;
+ border-width: 0 0 1px 0;
+ border-bottom-color: transparent;
}
.nav-tabs .nav-link.active {
diff --git a/WebfrontCore/wwwroot/js/loader.js b/WebfrontCore/wwwroot/js/loader.js
index b6513b7d8..944800aad 100644
--- a/WebfrontCore/wwwroot/js/loader.js
+++ b/WebfrontCore/wwwroot/js/loader.js
@@ -4,11 +4,11 @@ let isLoaderLoading = false;
let loadUri = '';
let loaderResponseId = '';
-function initLoader(location, loaderId, count = 10) {
+function initLoader(location, loaderId, count = 10, start = count) {
loadUri = location;
loaderResponseId = loaderId;
loadCount = count;
- loaderOffset = count;
+ loaderOffset = start;
setupListeners();
}
diff --git a/WebfrontCore/wwwroot/js/stats.js b/WebfrontCore/wwwroot/js/stats.js
index bb80a74db..1728fadd9 100644
--- a/WebfrontCore/wwwroot/js/stats.js
+++ b/WebfrontCore/wwwroot/js/stats.js
@@ -74,7 +74,9 @@ $(document).ready(function () {
});
$('.top-players-link').click(function (event) {
- initLoader('/Stats/GetTopPlayersAsync?serverId=' + $(this).data('serverid'), $(this).attr('href'), 50);
+ $($(this).attr('href')).html('');
+ initLoader('/Stats/GetTopPlayersAsync?serverId=' + $(this).data('serverid'), $(this).attr('href'), 10, 0);
+ loadMoreItems();
});
});