Add style to edit and delete in category view
This commit is contained in:
Damian Lasecki
parent
15830cf648
commit
fd836b41b5
@ -302,75 +302,85 @@ textarea {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.delete-category__span{
|
||||
font-size:2rem;
|
||||
font-weight:400;
|
||||
margin-bottom:10rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
|
||||
|
||||
.navbar > .container {
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-nav > li {
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navbar-nav > li > a {
|
||||
height: 100%;
|
||||
border-radius: 0.8rem;
|
||||
}
|
||||
|
||||
.nav > li > a:hover, .nav > li > a:focus {
|
||||
transition: background-color .1s ease;
|
||||
}
|
||||
|
||||
.category-list {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-column-gap: 2rem;
|
||||
}
|
||||
|
||||
.single-category-wrapper {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.form-AddQuestion__btn {
|
||||
flex-direction: row;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.form-personal-data{
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.form-personal-data .form-group {
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
.form-AddQuestion input[type=submit] {
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.delete-category__dl {
|
||||
height: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
|
||||
|
||||
.navbar > .container {
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-nav > li {
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navbar-nav > li > a {
|
||||
height: 100%;
|
||||
border-radius: 0.8rem;
|
||||
}
|
||||
|
||||
.nav > li > a:hover, .nav > li > a:focus {
|
||||
transition: background-color .1s ease;
|
||||
}
|
||||
|
||||
.category-list {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-column-gap: 2rem;
|
||||
}
|
||||
|
||||
.single-category-wrapper {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.form-AddQuestion__btn {
|
||||
flex-direction: row;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.form-personal-data {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.form-personal-data .form-group {
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
.form-AddQuestion input[type=submit] {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -4,29 +4,31 @@
|
||||
ViewBag.Title = "Delete";
|
||||
}
|
||||
|
||||
<h2>Delete</h2>
|
||||
|
||||
<h3>Are you sure you want to delete this?</h3>
|
||||
<div>
|
||||
<h4>Category</h4>
|
||||
<hr />
|
||||
<dl class="dl-horizontal">
|
||||
<dt>
|
||||
@Html.DisplayNameFor(model => model.CategoryName)
|
||||
</dt>
|
||||
|
||||
<dd>
|
||||
@Html.DisplayFor(model => model.CategoryName)
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
|
||||
@using (Html.BeginForm()) {
|
||||
@Html.AntiForgeryToken()
|
||||
|
||||
<div class="form-actions no-color">
|
||||
<input type="submit" value="Delete" class="btn btn-default" /> |
|
||||
@Html.ActionLink("Back to List", "Index")
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
<div class="single-category-wrapper">
|
||||
<h2>Usuwanie ketegorii</h2>
|
||||
<hr style="border-top: 1px solid #d3d3d3;" />
|
||||
|
||||
<span class="delete-category__span">Jesteś pewien, że chcesz usunąć kategorię?</span>
|
||||
<div style="margin-top: 3rem;">
|
||||
|
||||
<dl class="dl-horizontal delete-category__dl">
|
||||
<dt style="text-align:left">
|
||||
@Html.DisplayNameFor(model => model.CategoryName)
|
||||
</dt>
|
||||
<dd style="margin-left:0;">
|
||||
@Html.DisplayFor(model => model.CategoryName)
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
@using (Html.BeginForm())
|
||||
{
|
||||
@Html.AntiForgeryToken()
|
||||
|
||||
<div class="form-actions no-color">
|
||||
<input type="submit" value="Usuń" class="answer-list__add-btn" style="height:4rem; width:17rem; background-color:#af4f4f; margin-bottom: 3rem;" />
|
||||
</div>
|
||||
<div>@Html.ActionLink("Powrót do listy kategorii", "Index")
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,39 +4,39 @@
|
||||
ViewBag.Title = "Edit";
|
||||
}
|
||||
|
||||
<h2>Edit</h2>
|
||||
|
||||
|
||||
@using (Html.BeginForm())
|
||||
{
|
||||
@Html.AntiForgeryToken()
|
||||
|
||||
<div class="form-horizontal">
|
||||
<h4>Category</h4>
|
||||
<hr />
|
||||
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
|
||||
@Html.HiddenFor(model => model.Id)
|
||||
|
||||
<div class="form-group">
|
||||
@Html.LabelFor(model => model.CategoryName, htmlAttributes: new { @class = "control-label col-md-2" })
|
||||
<div class="col-md-10">
|
||||
@Html.EditorFor(model => model.CategoryName, new { htmlAttributes = new { @class = "form-control" } })
|
||||
@Html.ValidationMessageFor(model => model.CategoryName, "", new { @class = "text-danger" })
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-2 col-md-10">
|
||||
<input type="submit" value="Save" class="btn btn-default" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div>
|
||||
@Html.ActionLink("Back to List", "Index")
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
@Scripts.Render("~/bundles/jqueryval")
|
||||
}
|
||||
<div class="single-category-wrapper">
|
||||
|
||||
<h2>Edytuj nazwię kategorii</h2>
|
||||
<hr style="border-top: 1px solid #d3d3d3; margin-bottom: 3rem;" />
|
||||
|
||||
|
||||
|
||||
@using (Html.BeginForm())
|
||||
{
|
||||
@Html.AntiForgeryToken()
|
||||
|
||||
<div class="form-horizontal">
|
||||
|
||||
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
|
||||
@Html.HiddenFor(model => model.Id)
|
||||
<div class="form-group">
|
||||
@Html.LabelFor(model => model.CategoryName, htmlAttributes: new { @class = "control-label col-md-2" })
|
||||
<div class="col-md-10">
|
||||
@Html.EditorFor(model => model.CategoryName, new { htmlAttributes = new { @class = "form-control" } })
|
||||
@Html.ValidationMessageFor(model => model.CategoryName, "", new { @class = "text-danger" })
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-2 col-md-10">
|
||||
<input type="submit" value="Zapisz" class="answer-list__add-btn" style="height:4rem; width:17rem" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<div>
|
||||
@Html.ActionLink("Powrót do listy kategorii", "Index")
|
||||
</div>
|
||||
</div>
|
||||
@section Scripts {
|
||||
@Scripts.Render("~/bundles/jqueryval")
|
||||
}
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
@model IEnumerable<Forum.DataAccessLayer.Models.Category>
|
||||
|
||||
@{
|
||||
ViewBag.Title = "Index";
|
||||
}
|
||||
|
||||
@model IEnumerable<Forum.DataAccessLayer.Models.Category>
|
||||
|
||||
@{
|
||||
ViewBag.Title = "Index";
|
||||
}
|
||||
|
||||
<div class="single-category-wrapper">
|
||||
|
||||
<h2 style="margin-bottom:3rem;">Kategorie</h2>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user