From a613d9a06985eb4e86e5c3909897f677df767733 Mon Sep 17 00:00:00 2001
From: Commander1024 <commander@commander1024.de>
Date: Sat, 15 Aug 2020 20:47:40 +0200
Subject: [PATCH] Made inactive pag-items gray and non-hover.

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

diff --git a/components/01_Atoms/pagination/_pagination.scss b/components/01_Atoms/pagination/_pagination.scss
index f4c81cb..a543a46 100644
--- a/components/01_Atoms/pagination/_pagination.scss
+++ b/components/01_Atoms/pagination/_pagination.scss
@@ -14,6 +14,10 @@
     .LP-Pagination__Item{
         margin: 0 4px;
 
+        &--disabled{
+            color: rgb(182, 182, 182);
+        }
+        
         &--current{
 
             .LP-Link{
@@ -26,7 +30,6 @@
                 }
             }
         }
-
     }
 
     .LP-Link{
diff --git a/components/01_Atoms/pagination/pagination.hbs b/components/01_Atoms/pagination/pagination.hbs
index b4f6deb..594891d 100644
--- a/components/01_Atoms/pagination/pagination.hbs
+++ b/components/01_Atoms/pagination/pagination.hbs
@@ -1,12 +1,12 @@
 <div class="LP-Pagination">
     <ul class="LP-Pagination__List">
-        <li class="LP-Pagination__Item LP-Pagination__Item--first">
-            <a href="#" class="LP-Link"><span class="LP-Pagination__First">first</span></a>
+        <li class="LP-Pagination__Item LP-Pagination__Item--first LP-Pagination__Item--disabled">
+            <span class="LP-Pagination__First">first</span></a>
         </li>
-        <li class="LP-Pagination__Item LP-Pagination__Item--previous">
-            <a href="#" class="LP-Link"><span class="LP-Pagination__Previous">previous</span></a>
+        <li class="LP-Pagination__Item LP-Pagination__Item--previous LP-Pagination__Item--disabled">
+            <span class="LP-Pagination__Previous">previous</span></a>
         </li>
-        <li class="LP-Pagination__Item LP-Pagination__Item--number">
+        <li class="LP-Pagination__Item LP-Pagination__Item--number LP-Pagination__Item--current">
             <a href="#" class="LP-Link"><span class="LP-Pagination__Number">1</span></a>
         </li>
         <li class="LP-Pagination__Item LP-Pagination__Item--number">
@@ -18,7 +18,7 @@
         <li class="LP-Pagination__Item LP-Pagination__Item--number">
             <a href="#" class="LP-Link"><span class="LP-Pagination__Number">4</span></a>
         </li>
-        <li class="LP-Pagination__Item LP-Pagination__Item--number LP-Pagination__Item--current">
+        <li class="LP-Pagination__Item LP-Pagination__Item--number">
             <a href="#" class="LP-Link"><span class="LP-Pagination__Number">5</span></a>
         </li>
         <li class="LP-Pagination__Item LP-Pagination__Item--number">
diff --git a/public/main.css b/public/main.css
index f50e474..e3b9336 100644
--- a/public/main.css
+++ b/public/main.css
@@ -264,6 +264,8 @@ body {
     flex-direction: row; }
   .LP-Pagination .LP-Pagination__Item {
     margin: 0 4px; }
+    .LP-Pagination .LP-Pagination__Item--disabled {
+      color: #b6b6b6; }
     .LP-Pagination .LP-Pagination__Item--current .LP-Link {
       background-color: #D7CEC7;
       border-radius: 2px; }