Nell/eShopOnWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Small layout tweaks (#43)

Browse Source
This commit is contained in:
Robert Sandu
2017-09-01 16:15:42 +03:00
committed by Steve Smith
parent 19c10ed0e5
commit b90bd08d11
4 changed files with 98 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/Web/Views/Catalog/_pagination.cshtml
View File

@@ -1,10 +1,11 @@
@model PaginationInfoViewModel @model PaginationInfoViewModel
<div class="esh-pager"> <div class="esh-pager">
<div class="container"> <div class="container-fluid">
<article class="esh-pager-wrapper row"> <article class="esh-pager-wrapper row">
<nav> <nav>
<a class="esh-pager-item esh-pager-item--navigable @Model.Previous" <div class="col-md-2 col-xs-12">
<a class="esh-pager-item-left esh-pager-item--navigable @Model.Previous"
id="Previous" id="Previous"
asp-controller="Catalog" asp-controller="Catalog"
asp-action="Index" asp-action="Index"
@@ -12,12 +13,16 @@
aria-label="Previous"> aria-label="Previous">
Previous Previous
</a> </a>
</div>
<div class="col-md-8 col-xs-12">
<span class="esh-pager-item"> <span class="esh-pager-item">
Showing @Model.ItemsPerPage of @Model.TotalItems products - Page @(Model.ActualPage + 1) - @Model.TotalPages Showing @Model.ItemsPerPage of @Model.TotalItems products - Page @(Model.ActualPage + 1) - @Model.TotalPages
</span> </span>
</div>
<a class="esh-pager-item esh-pager-item--navigable @Model.Next" <div class="col-md-2 col-xs-12">
<a class="esh-pager-item-right esh-pager-item--navigable @Model.Next"
id="Next" id="Next"
asp-controller="Catalog" asp-controller="Catalog"
asp-action="Index" asp-action="Index"
@@ -25,6 +30,7 @@
aria-label="Next"> aria-label="Next">
Next Next
</a> </a>
</div>
</nav> </nav>
</article> </article>
</div> </div>

7
src/Web/Views/Shared/_Layout.cshtml
View File

@@ -24,13 +24,12 @@
<article class="row"> <article class="row">
<section class="col-lg-7 col-md-6 col-xs-12"> <section class="col-lg-7 col-md-6 col-xs-12">
<a class="navbar-brand" routerLink="catalog"> <a asp-area="" asp-controller="Catalog" asp-action="Index" class="navbar-brand">
<a asp-area="" asp-controller="Catalog" asp-action="Index"> <img src="../images/brand.png" alt="eShop On Web"/>
<img src="../images/brand.png" />
</a> </a>
</section> </section>
@await Html.PartialAsync("_LoginPartial") @await Html.PartialAsync("_LoginPartial")
<section class="col-lg-1 col-xs-12"><a asp-controller="Basket" asp-action="Index">Basket</a></section> <section class="col-lg-1 col-md-3 col-xs-6"><a asp-controller="Basket" asp-action="Index">Basket</a></section>
</article> </article>
</div> </div>

2
src/Web/Views/Shared/_LoginPartial.cshtml
View File

@@ -40,7 +40,7 @@
} }
else else
{ {
<section class="col-lg-4 col-md-5 col-xs-12"> <section class="col-lg-1 col-lg-offset-3 col-md-3 col-xs-6">
<div class="esh-identity"> <div class="esh-identity">
<section class="esh-identity-section"> <section class="esh-identity-section">
<div class="esh-identity-item"> <div class="esh-identity-item">

8
src/Web/wwwroot/css/catalog/pager.css
View File

@@ -3,8 +3,12 @@
text-align: center; text-align: center;
} }
.esh-pager-item { .esh-pager-item-left {
margin: 0 5vw; float: left;
}
.esh-pager-item-right {
float: right;
} }
.esh-pager-item--navigable { .esh-pager-item--navigable {