From 93341886d6cf6a33671b5e37bbd6be30de6274d6 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Tue, 4 Aug 2020 20:05:12 +0200
Subject: [PATCH] Other behavior for sidebar links

---
 .../02_Molecules/navigation/_navigation.scss  | 26 +++++++++++++------
 public/components.css                         | 10 ++++---
 2 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss
index df773c8..3f50b83 100644
--- a/components/02_Molecules/navigation/_navigation.scss
+++ b/components/02_Molecules/navigation/_navigation.scss
@@ -10,10 +10,14 @@
     }
 
     .LP-Menu__Item {
-        padding: 15px 0;
         margin: 0;
         text-align: center;
         background-color: transparent;
+
+        .LP-Link{
+            display: block;
+            padding: 15px 0;
+        }
     }
 
     .LP-Link__Text {
@@ -39,6 +43,11 @@
                 &:last-child{
                     margin-bottom: 0;
                 }
+
+                .LP-Link:hover{
+                    background-color: $-almost-white;
+                    
+                }
             }
         }
     }
@@ -46,14 +55,15 @@
 
 @media(max-width: $-viewport-medium){
     .LP-Menu{
+        &:not(&--sidebar){
+            .LP-Menu__List{
+                display: flex;
+                flex-direction: row;
+                justify-content: flex-start;
 
-        .LP-Menu__List{
-            display: flex;
-            flex-direction: row;
-            justify-content: flex-start;
-
-            .LP-Menu__Item{
-                flex: 1 1 auto;
+                .LP-Menu__Item{
+                    flex: 1 1 auto;
+                }
             }
         }
     }
diff --git a/public/components.css b/public/components.css
index b325d06..223d1e1 100644
--- a/public/components.css
+++ b/public/components.css
@@ -239,10 +239,12 @@
     padding: 0;
     margin: 0; }
   .LP-Menu .LP-Menu__Item {
-    padding: 15px 0;
     margin: 0;
     text-align: center;
     background-color: transparent; }
+    .LP-Menu .LP-Menu__Item .LP-Link {
+      display: block;
+      padding: 15px 0; }
   .LP-Menu .LP-Link__Text {
     color: #565656;
     font-weight: bold;
@@ -260,13 +262,15 @@
         margin-bottom: 10px; }
         .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child {
           margin-bottom: 0; }
+        .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link:hover {
+          background-color: #f9f9f9; }
 
 @media (max-width: 750px) {
-  .LP-Menu .LP-Menu__List {
+  .LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List {
     display: flex;
     flex-direction: row;
     justify-content: flex-start; }
-    .LP-Menu .LP-Menu__List .LP-Menu__Item {
+    .LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List .LP-Menu__Item {
       flex: 1 1 auto; } }
 
 @media (max-width: 450px) {