Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Pagination disabled class

Browse Source
This commit is contained in:
reverend 2020-08-16 20:56:34 +02:00
parent 384cdcaae7
commit e80e93bcaa
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/01_Atoms/pagination/_pagination.scss
View File

@ -18,6 +18,14 @@
&--disabled{
color: rgb(182, 182, 182);
.LP-Link{
color: rgb(182, 182, 182);
cursor: default;
&:hover{
background-color: unset;
color: unset;
}
}
}
&--current{

2
components/01_Atoms/pagination/pagination.hbs
View File

@ -6,7 +6,7 @@
<span class="LP-Text">First</span>
</a>
</li>
<li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--previous">
<li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--disabled LP-Pagination__Item--previous">
<a href="#" class="LP-Link">
<span class="LP-Icon">⟨</span>
<span class="LP-Text">Previous</span>

6
public/main.css
View File

@ -313,6 +313,12 @@ body {
margin: 0 4px; }
.LP-Pagination .LP-Pagination__Item--disabled {
color: #b6b6b6; }
.LP-Pagination .LP-Pagination__Item--disabled .LP-Link {
color: #b6b6b6;
cursor: default; }
.LP-Pagination .LP-Pagination__Item--disabled .LP-Link:hover {
background-color: unset;
color: unset; }
.LP-Pagination .LP-Pagination__Item--current .LP-Link {
background-color: #D7CEC7; }
.LP-Pagination .LP-Pagination__Item--current .LP-Link:hover {