From e80e93bcaa8524529a89c86a2f6d9783c5b8c5f9 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 16 Aug 2020 20:56:34 +0200
Subject: [PATCH] Pagination disabled class

---
 components/01_Atoms/pagination/_pagination.scss | 10 +++++++++-
 components/01_Atoms/pagination/pagination.hbs   |  2 +-
 public/main.css                                 |  6 ++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/01_Atoms/pagination/_pagination.scss b/components/01_Atoms/pagination/_pagination.scss
index 6fe10bb..9cb0eb1 100644
--- a/components/01_Atoms/pagination/_pagination.scss
+++ b/components/01_Atoms/pagination/_pagination.scss
@@ -17,7 +17,15 @@
         margin: 0 4px;
 	
         &--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{
diff --git a/components/01_Atoms/pagination/pagination.hbs b/components/01_Atoms/pagination/pagination.hbs
index 31bd80c..9fbb1f8 100644
--- a/components/01_Atoms/pagination/pagination.hbs
+++ b/components/01_Atoms/pagination/pagination.hbs
@@ -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>
diff --git a/public/main.css b/public/main.css
index b991427..5af6813 100644
--- a/public/main.css
+++ b/public/main.css
@@ -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 {