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

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

@ -17,7 +17,15 @@
margin: 0 4px; margin: 0 4px;
&--disabled{ &--disabled{
color: rgb(182, 182, 182); color: rgb(182, 182, 182);
.LP-Link{
color: rgb(182, 182, 182);
cursor: default;
&:hover{
background-color: unset;
color: unset;
}
}
} }
&--current{ &--current{

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

@ -6,7 +6,7 @@
<span class="LP-Text">First</span> <span class="LP-Text">First</span>
</a> </a>
</li> </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"> <a href="#" class="LP-Link">
<span class="LP-Icon">⟨</span> <span class="LP-Icon">⟨</span>
<span class="LP-Text">Previous</span> <span class="LP-Text">Previous</span>

6
public/main.css
View File

@ -313,6 +313,12 @@ body {
margin: 0 4px; } margin: 0 4px; }
.LP-Pagination .LP-Pagination__Item--disabled { .LP-Pagination .LP-Pagination__Item--disabled {
color: #b6b6b6; } 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 { .LP-Pagination .LP-Pagination__Item--current .LP-Link {
background-color: #D7CEC7; } background-color: #D7CEC7; }
.LP-Pagination .LP-Pagination__Item--current .LP-Link:hover { .LP-Pagination .LP-Pagination__Item--current .LP-Link:hover {