improve penalty display on mobile view
This commit is contained in:
parent
cd12c3f26e
commit
561909158f
@ -41,14 +41,14 @@
|
|||||||
|
|
||||||
<!-- mobile -->
|
<!-- mobile -->
|
||||||
<tr class="d-table-row d-lg-none d-flex border-bottom">
|
<tr class="d-table-row d-lg-none d-flex border-bottom">
|
||||||
<td class="bg-primary text-light text-right">
|
<td class="bg-primary text-light text-right d-flex flex-column w-quarter">
|
||||||
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_NAME"]</div>
|
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_NAME"]</div>
|
||||||
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_TYPE"]</div>
|
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_TYPE"]</div>
|
||||||
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_OFFENSE"]</div>
|
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_OFFENSE"]</div>
|
||||||
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_ADMIN"]</div>
|
<div class="mt-5 mb-5 mt-auto">@loc["WEBFRONT_PENALTY_TEMPLATE_ADMIN"]</div>
|
||||||
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_TIME"]</div>
|
<div class="mt-5 mb-5">@loc["WEBFRONT_PENALTY_TEMPLATE_TIME"]</div>
|
||||||
</td>
|
</td>
|
||||||
<td class="flex-fill">
|
<td class=" d-flex flex-column w-three-quarter">
|
||||||
<div class="mt-5 mb-5">
|
<div class="mt-5 mb-5">
|
||||||
<a asp-controller="Client" asp-action="Profile" asp-route-id="@Model.OffenderId" >
|
<a asp-controller="Client" asp-action="Profile" asp-route-id="@Model.OffenderId" >
|
||||||
<color-code value="@Model.OffenderName"></color-code>
|
<color-code value="@Model.OffenderName"></color-code>
|
||||||
@ -57,13 +57,13 @@
|
|||||||
<div class="mt-5 mb-5 penalties-color-@Model.PenaltyTypeText.ToLower()">
|
<div class="mt-5 mb-5 penalties-color-@Model.PenaltyTypeText.ToLower()">
|
||||||
@ViewBag.Localization[$"WEBFRONT_PENALTY_{Model.PenaltyType.ToString().ToUpper()}"]
|
@ViewBag.Localization[$"WEBFRONT_PENALTY_{Model.PenaltyType.ToString().ToUpper()}"]
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-5 mb-5">
|
<div class="mt-5 mb-5 text-force-break">
|
||||||
<color-code value="@($"{Model.Offense}{(ViewBag.Authorized ? Model.AdditionalPenaltyInformation : "")}")"></color-code>
|
<color-code value="@($"{Model.Offense}{(ViewBag.Authorized ? Model.AdditionalPenaltyInformation : "")}")"></color-code>
|
||||||
</div>
|
</div>
|
||||||
<a asp-controller="Client" asp-action="Profile" asp-route-id="@Model.PunisherId" class="mt-5 mb-5 @((!ViewBag.Authorized && ViewBag.EnablePrivilegedUserPrivacy) || Model.PunisherLevel == 0 ? "text-dark-lm text-light-dm" : "level-color-" + (int)Model.PunisherLevel)">
|
<a asp-controller="Client" asp-action="Profile" asp-route-id="@Model.PunisherId" class="mt-5 mb-5 @((!ViewBag.Authorized && ViewBag.EnablePrivilegedUserPrivacy) || Model.PunisherLevel == 0 ? "text-dark-lm text-light-dm" : "level-color-" + (int)Model.PunisherLevel)">
|
||||||
<color-code value="@Model.PunisherName"></color-code>
|
<color-code value="@Model.PunisherName"></color-code>
|
||||||
</a>
|
</a>
|
||||||
<div class="mt-5 mb-5">
|
<div class="mt-5 mb-5 text-muted">
|
||||||
@if (Model.Expired)
|
@if (Model.Expired)
|
||||||
{
|
{
|
||||||
<span>@Model.TimePunishedString</span>
|
<span>@Model.TimePunishedString</span>
|
||||||
|
@ -84,10 +84,6 @@
|
|||||||
border-bottom-color: var(--secondary-color);
|
border-bottom-color: var(--secondary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#penalty_filter_selection {
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes rotation {
|
@-webkit-keyframes rotation {
|
||||||
from {
|
from {
|
||||||
-webkit-transform: rotate(359deg);
|
-webkit-transform: rotate(359deg);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user