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 {
display: none;
opacity: 0;
pointer-events: none;
}
.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>
<span class="esh-pager-item esh-pager-item--navigable"
id="Previous"
[hidden]="buttonStates?.previousDisabled"
[ngClass]="{'is-disabled': buttonStates?.previousDisabled}"
(click)="onPreviousCliked($event)"
aria-label="Previous">
Previous
@ -16,7 +16,7 @@
<span class="esh-pager-item esh-pager-item--navigable"
id="Next"
[hidden]="buttonStates?.nextDisabled"
[ngClass]="{'is-disabled': buttonStates?.nextDisabled}"
(click)="onNextClicked($event)"
aria-label="Next">
Next

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

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