fix map/gametype alignment on server overview and add back ip display on connect click

This commit is contained in:
RaidMax 2022-06-04 09:21:08 -05:00
parent f235d0fafd
commit ee56a5db1f
2 changed files with 11 additions and 8 deletions

View File

@ -19,16 +19,17 @@
} }
<div class="card mt-20 mb-20 ml-0 mr-0 p-0"> <div class="card mt-20 mb-20 ml-0 mr-0 p-0">
<div class="p-5 pl-10 pr-10 bg-primary rounded-top d-flex flex-column flex-md-row flex-wrap justify-content-between text-light" id="server_header_@Model.ID"> <div class="p-5 pl-10 pr-10 bg-primary rounded-top d-flex flex-column flex-lg-row flex-wrap justify-content-between text-light" id="server_header_@Model.ID">
<div class="d-flex align-self-center flex-column-reverse flex-md-row"> <!-- first column -->
<div class="ml-5 mr-5 text-center"> <div class="d-flex align-self-center flex-column-reverse flex-lg-row col-12 col-lg-6">
<div class="ml-5 mr-5 text-center text-lg-left">
<color-code value="@Model.Name"></color-code> <color-code value="@Model.Name"></color-code>
<div class="server-header-ip-address font-weight-light" style="display:none">@(Model.ExternalIPAddress):@(Model.Port)</div>
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<!-- connect button --> <!-- connect button -->
<a href="@Model.ConnectProtocolUrl" class="text-light align-self-center" title="@Utilities.CurrentLocalization.LocalizationIndex["WEBFRONT_HOME_JOIN_DESC"]"> <a href="@Model.ConnectProtocolUrl" class="text-light align-self-center server-join-button" title="@Utilities.CurrentLocalization.LocalizationIndex["WEBFRONT_HOME_JOIN_DESC"]">
<i class="oi oi-play-circle ml-5 mr-5"></i> <i class="oi oi-play-circle ml-5 mr-5"></i>
<span class="server-header-ip-address" style="display:none;">@(Model.ExternalIPAddress):@(Model.Port)</span>
</a> </a>
<has-permission entity="AdminMenu" required-permission="Update"> <has-permission entity="AdminMenu" required-permission="Update">
<!-- send message button --> <!-- send message button -->
@ -43,7 +44,8 @@
</a> </a>
</div> </div>
</div> </div>
<div class="align-self-center"> <!-- second column -->
<div class="col-12 align-self-center text-center text-lg-left col-lg-4">
<span>@Model.Map</span> <span>@Model.Map</span>
@if (!string.IsNullOrEmpty(Model.GameType) && Model.GameType.Length > 1) @if (!string.IsNullOrEmpty(Model.GameType) && Model.GameType.Length > 1)
{ {
@ -51,7 +53,8 @@
<span>@Model.GameType</span> <span>@Model.GameType</span>
} }
</div> </div>
<div class="align-self-center d-flex flex-column flex-md-row"> <!-- third column -->
<div class="align-self-center d-flex flex-column flex-lg-row col-12 col-lg-2 justify-content-end">
@if (Model.LobbyZScore != null) @if (Model.LobbyZScore != null)
{ {
<div data-toggle="tooltip" data-title="@ViewBag.Localization["WEBFRONT_HOME_RATING_DESC"]" class="cursor-help d-flex flex-row-reverse flex-md-row justify-content-center"> <div data-toggle="tooltip" data-title="@ViewBag.Localization["WEBFRONT_HOME_RATING_DESC"]" class="cursor-help d-flex flex-row-reverse flex-md-row justify-content-center">

View File

@ -150,7 +150,7 @@ function refreshClientActivity(serverId) {
$(document).ready(function () { $(document).ready(function () {
$('.server-join-button').click(function (e) { $('.server-join-button').click(function (e) {
$(this).children('.server-header-ip-address').show(); $(this).parent().parent().find('.server-header-ip-address').show();
}); });
$('.server-history-row').each(function (index, element) { $('.server-history-row').each(function (index, element) {