finish UI tweaks for issue #39
This commit is contained in:
parent
b3e5f468a1
commit
af3aea77bc
@ -1,4 +1,4 @@
|
|||||||
<ul class="nav nav-tabs border-top" role="tablist" id="stats_top_players">
|
<ul class="nav nav-tabs border-top border-bottom nav-fill" role="tablist" id="stats_top_players">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link active top-players-link" href="#server_0" role="tab" data-toggle="tab" aria-selected="true" data-serverid="0">All Servers</a>
|
<a class="nav-link active top-players-link" href="#server_0" role="tab" data-toggle="tab" aria-selected="true" data-serverid="0">All Servers</a>
|
||||||
</li>
|
</li>
|
||||||
@ -12,13 +12,13 @@
|
|||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="tab-content border-bottom">
|
<div class="tab-content border-bottom">
|
||||||
<div role="tabpanel" class="tab-pane active" id="server_0">
|
<div role="tabpanel" class="tab-pane active striped" id="server_0">
|
||||||
@await Component.InvokeAsync("TopPlayers", new { count = 10, offset = 0 })
|
@await Component.InvokeAsync("TopPlayers", new { count = 10, offset = 0 })
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@foreach (var server in ViewBag.Servers)
|
@foreach (var server in ViewBag.Servers)
|
||||||
{
|
{
|
||||||
<div role="tabpanel" class="tab-pane" id="server_@server.ID">
|
<div role="tabpanel" class="tab-pane striped" id="server_@server.ID">
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
@model Dictionary<SharedLibraryCore.Database.Models.EFClient.Permission, IList<SharedLibraryCore.Dtos.ClientInfo>>
|
@model Dictionary<SharedLibraryCore.Database.Models.EFClient.Permission, IList<SharedLibraryCore.Dtos.ClientInfo>>
|
||||||
|
|
||||||
<h4 class="pb-2 text-center ">@ViewBag.Title</h4>
|
<h4 class="pb-3 text-center ">@ViewBag.Title</h4>
|
||||||
|
|
||||||
<div class="row border-bottom">
|
<div class="row border-bottom">
|
||||||
@{
|
@{
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
@{
|
@{
|
||||||
var loc = SharedLibraryCore.Utilities.CurrentLocalization.LocalizationIndex;
|
var loc = SharedLibraryCore.Utilities.CurrentLocalization.LocalizationIndex;
|
||||||
}
|
}
|
||||||
<h4 class="pb-2 text-center ">@ViewBag.Title</h4>
|
<h4 class="pb-3 text-center ">@ViewBag.Title</h4>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<select class="form-control bg-dark text-muted" id="penalty_filter_selection">
|
<select class="form-control bg-dark text-muted" id="penalty_filter_selection">
|
||||||
@{
|
@{
|
||||||
|
34
WebfrontCore/wwwroot/css/bootstrap-custom.css
vendored
34
WebfrontCore/wwwroot/css/bootstrap-custom.css
vendored
@ -6297,7 +6297,7 @@ a.nav-link {
|
|||||||
.server-activity,
|
.server-activity,
|
||||||
#mobile_seperator,
|
#mobile_seperator,
|
||||||
.border-bottom {
|
.border-bottom {
|
||||||
border-bottom: 2px solid #007ACC !important; }
|
border-bottom: 1px solid #007ACC !important; }
|
||||||
|
|
||||||
.border-top {
|
.border-top {
|
||||||
border-top: 1px solid #007ACC !important; }
|
border-top: 1px solid #007ACC !important; }
|
||||||
@ -6418,27 +6418,29 @@ form *, select {
|
|||||||
right: 1em; }
|
right: 1em; }
|
||||||
|
|
||||||
.nav-tabs, .nav-tabs .nav-link.active {
|
.nav-tabs, .nav-tabs .nav-link.active {
|
||||||
border-width: 0;
|
color: #fff;
|
||||||
color: #007ACC;
|
color: #fff !important;
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
border: none; }
|
||||||
color: #fff !important; }
|
|
||||||
|
|
||||||
.nav-tabs .nav-link.active {
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
border-bottom-color: #007ACC !important; }
|
|
||||||
|
|
||||||
.nav-tabs .nav-link:hover {
|
.nav-tabs .nav-link:hover {
|
||||||
background-color: #222222;
|
|
||||||
color: #007ACC;
|
color: #007ACC;
|
||||||
border-width: 0 0 1px 0;
|
background-color: rgba(24, 24, 24, 0.75);
|
||||||
border-bottom-color: #007ACC; }
|
border: none; }
|
||||||
|
|
||||||
.nav-tabs .nav-link {
|
.nav-tabs .nav-link {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 1rem;
|
padding: 1.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
border-width: 0 0 1px 0;
|
border: none;
|
||||||
border-bottom-color: transparent; }
|
min-width: 20rem;
|
||||||
|
background-color: #181818; }
|
||||||
|
|
||||||
.nav-tabs .nav-link.active {
|
.nav-tabs .nav-link.active {
|
||||||
border-bottom-color: transparent; }
|
border: none;
|
||||||
|
background-color: #007ACC; }
|
||||||
|
|
||||||
|
.nav-tabs .nav-link.active:hover {
|
||||||
|
background-color: rgba(0, 122, 204, 0.75); }
|
||||||
|
|
||||||
|
.nav-tabs .nav-item {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
36
WebfrontCore/wwwroot/css/bootstrap-custom.scss
vendored
36
WebfrontCore/wwwroot/css/bootstrap-custom.scss
vendored
@ -64,7 +64,7 @@ a.nav-link {
|
|||||||
.server-activity,
|
.server-activity,
|
||||||
#mobile_seperator,
|
#mobile_seperator,
|
||||||
.border-bottom {
|
.border-bottom {
|
||||||
border-bottom: 2px solid $primary !important;
|
border-bottom: 1px solid $primary !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-top {
|
.border-top {
|
||||||
@ -221,33 +221,35 @@ form *, select {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav-tabs, .nav-tabs .nav-link.active {
|
.nav-tabs, .nav-tabs .nav-link.active {
|
||||||
border-width: 0;
|
color: $white;
|
||||||
color: $blue;
|
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
|
||||||
color: $white !important;
|
color: $white !important;
|
||||||
}
|
border: none;
|
||||||
|
|
||||||
.nav-tabs .nav-link.active
|
|
||||||
{
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
border-bottom-color: $blue !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-tabs .nav-link:hover {
|
.nav-tabs .nav-link:hover {
|
||||||
background-color: #222222;
|
|
||||||
color: $blue;
|
color: $blue;
|
||||||
border-width: 0 0 1px 0;
|
background-color: rgba(24, 24, 24, 0.75);
|
||||||
border-bottom-color: $blue;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-tabs .nav-link {
|
.nav-tabs .nav-link {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 1rem;
|
padding: 1.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
border-width: 0 0 1px 0;
|
border: none;
|
||||||
border-bottom-color: transparent;
|
min-width: 20rem;
|
||||||
|
background-color: #181818;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-tabs .nav-link.active {
|
.nav-tabs .nav-link.active {
|
||||||
border-bottom-color: transparent;
|
border: none;
|
||||||
|
background-color: $blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs .nav-link.active:hover {
|
||||||
|
background-color: rgba(0, 122, 204, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs .nav-item {
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user