finish UI tweaks for issue #39

This commit is contained in:
RaidMax 2019-03-02 14:29:09 -06:00
parent b3e5f468a1
commit af3aea77bc
5 changed files with 42 additions and 38 deletions

View File

@ -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>

View File

@ -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">
@{ @{

View File

@ -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">
@{ @{

View File

@ -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; }

View File

@ -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;
} }