Merge pull request #1028 from bolatovumar/fix-1025

Allow removing transaction labels by clicking on an icon
This commit is contained in:
Nicolas Dorier 2019-09-10 12:45:34 +09:00 committed by GitHub
commit 127ad3e573
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -31,6 +31,21 @@
.transactionLabel:not(:last-child) {
margin-bottom: 4px;
}
.removeTransactionLabelForm {
display: inline;
position: absolute;
right: 4px;
}
.removeTransactionLabelForm button {
color: #212529;
cursor: pointer;
display: inline;
padding: 0;
background-color: transparent;
border: 0;
}
</style>
@if (TempData.ContainsKey("TempDataProperty-StatusMessage"))
{
@ -82,9 +97,25 @@
background-color: @label.Color;
color: white;
display: block;
padding-right: 16px;
position: relative;
"
>
@label.Value
<form
asp-action="ModifyTransaction"
method="post"
class="removeTransactionLabelForm"
>
<input type="hidden" name="transactionId" value="@transaction.Id" />
<button
name="removelabel"
type="submit"
value="@label.Value"
>
<span class="fa fa-close"></span>
</button>
</form>
</a>
}
</td>