ayan.poddar/eShopOnContainers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix pager styles on SPA and MVC webstes

Browse Source
This commit is contained in:
Quique Fernandez 2016-12-29 18:52:16 +01:00
parent 463b2569be
commit 9bd73c42cb
4 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Web/WebMVC/wwwroot/css/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
src/Web/WebMVC/wwwroot/css/shared/components/pager/pager.css
View File

@ -12,7 +12,8 @@
} }
.esh-pager-item--navigable.is-disabled { .esh-pager-item--navigable.is-disabled {
display: none; opacity: 0;
pointer-events: none;
} }
.esh-pager-item--navigable:hover { .esh-pager-item--navigable:hover {

4
src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.html
View File

@ -4,7 +4,7 @@
<nav> <nav>
<span class="esh-pager-item esh-pager-item--navigable" <span class="esh-pager-item esh-pager-item--navigable"
id="Previous" id="Previous"
[hidden]="buttonStates?.previousDisabled" [ngClass]="{'is-disabled': buttonStates?.previousDisabled}"
(click)="onPreviousCliked($event)" (click)="onPreviousCliked($event)"
aria-label="Previous"> aria-label="Previous">
Previous Previous
@ -16,7 +16,7 @@
<span class="esh-pager-item esh-pager-item--navigable" <span class="esh-pager-item esh-pager-item--navigable"
id="Next" id="Next"
[hidden]="buttonStates?.nextDisabled" [ngClass]="{'is-disabled': buttonStates?.nextDisabled}"
(click)="onNextClicked($event)" (click)="onNextClicked($event)"
aria-label="Next"> aria-label="Next">
Next Next

5
src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.scss
View File

@ -11,6 +11,11 @@
$margin: 5vw; $margin: 5vw;
margin: 0 $margin; margin: 0 $margin;
&.is-disabled {
opacity: 0;
pointer-events: none;
}
&--navigable { &--navigable {
cursor: pointer; cursor: pointer;