Add style to edit and delete in category view

This commit is contained in:
Damian Lasecki 2018-12-19 21:12:04 +01:00
parent 15830cf648
commit fd836b41b5
4 changed files with 147 additions and 135 deletions

View File

@ -302,6 +302,16 @@ textarea {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
.delete-category__span{
font-size:2rem;
font-weight:400;
margin-bottom:10rem;
}
.delete-category__dl {
height: 3rem;
margin-bottom: 3rem;
}
@ -358,6 +368,7 @@ textarea {
flex-direction: row; flex-direction: row;
margin-top: 1rem; margin-top: 1rem;
} }
.form-personal-data { .form-personal-data {
flex-direction: row; flex-direction: row;
} }
@ -369,7 +380,6 @@ textarea {
.form-AddQuestion input[type=submit] { .form-AddQuestion input[type=submit] {
margin-top: 0; margin-top: 0;
} }
} }

View File

@ -4,29 +4,31 @@
ViewBag.Title = "Delete"; ViewBag.Title = "Delete";
} }
<h2>Delete</h2> <div class="single-category-wrapper">
<h2>Usuwanie ketegorii</h2>
<hr style="border-top: 1px solid #d3d3d3;" />
<h3>Are you sure you want to delete this?</h3> <span class="delete-category__span">Jesteś pewien, że chcesz usunąć kategorię?</span>
<div> <div style="margin-top: 3rem;">
<h4>Category</h4>
<hr /> <dl class="dl-horizontal delete-category__dl">
<dl class="dl-horizontal"> <dt style="text-align:left">
<dt>
@Html.DisplayNameFor(model => model.CategoryName) @Html.DisplayNameFor(model => model.CategoryName)
</dt> </dt>
<dd style="margin-left:0;">
<dd>
@Html.DisplayFor(model => model.CategoryName) @Html.DisplayFor(model => model.CategoryName)
</dd> </dd>
</dl> </dl>
@using (Html.BeginForm()) { @using (Html.BeginForm())
{
@Html.AntiForgeryToken() @Html.AntiForgeryToken()
<div class="form-actions no-color"> <div class="form-actions no-color">
<input type="submit" value="Delete" class="btn btn-default" /> | <input type="submit" value="Usuń" class="answer-list__add-btn" style="height:4rem; width:17rem; background-color:#af4f4f; margin-bottom: 3rem;" />
@Html.ActionLink("Back to List", "Index") </div>
<div>@Html.ActionLink("Powrót do listy kategorii", "Index")
</div> </div>
} }
</div> </div>
</div>

View File

@ -4,7 +4,11 @@
ViewBag.Title = "Edit"; ViewBag.Title = "Edit";
} }
<h2>Edit</h2> <div class="single-category-wrapper">
<h2>Edytuj nazwię kategorii</h2>
<hr style="border-top: 1px solid #d3d3d3; margin-bottom: 3rem;" />
@using (Html.BeginForm()) @using (Html.BeginForm())
@ -12,11 +16,9 @@
@Html.AntiForgeryToken() @Html.AntiForgeryToken()
<div class="form-horizontal"> <div class="form-horizontal">
<h4>Category</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" }) @Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.HiddenFor(model => model.Id) @Html.HiddenFor(model => model.Id)
<div class="form-group"> <div class="form-group">
@Html.LabelFor(model => model.CategoryName, htmlAttributes: new { @class = "control-label col-md-2" }) @Html.LabelFor(model => model.CategoryName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10"> <div class="col-md-10">
@ -24,19 +26,17 @@
@Html.ValidationMessageFor(model => model.CategoryName, "", new { @class = "text-danger" }) @Html.ValidationMessageFor(model => model.CategoryName, "", new { @class = "text-danger" })
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-md-offset-2 col-md-10"> <div class="col-md-offset-2 col-md-10">
<input type="submit" value="Save" class="btn btn-default" /> <input type="submit" value="Zapisz" class="answer-list__add-btn" style="height:4rem; width:17rem" />
</div> </div>
</div> </div>
</div> </div>
} }
<div> <div>
@Html.ActionLink("Back to List", "Index") @Html.ActionLink("Powrót do listy kategorii", "Index")
</div>
</div> </div>
@section Scripts { @section Scripts {
@Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/bundles/jqueryval")
} }