From fc74046ce8c640b3831c683b7c9d3f8a4904114e Mon Sep 17 00:00:00 2001
From: PCoder <purple.coder@yahoo.co.uk>
Date: Tue, 23 Oct 2018 21:55:54 +0200
Subject: [PATCH] Add js/css for navbar menu dropdown

---
 .../static/ungleich_page/css/ungleich.css     | 46 +++++++++++++++++++
 .../static/ungleich_page/js/ungleich.js       |  7 ++-
 2 files changed, 49 insertions(+), 4 deletions(-)

diff --git a/ungleich_page/static/ungleich_page/css/ungleich.css b/ungleich_page/static/ungleich_page/css/ungleich.css
index af71e692..5252d409 100644
--- a/ungleich_page/static/ungleich_page/css/ungleich.css
+++ b/ungleich_page/static/ungleich_page/css/ungleich.css
@@ -151,6 +151,19 @@
         margin-left: auto;
         margin-right: auto;
     }
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #fff;
+    }
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open      .dropdown-menu > li > a:hover {
+        color: #fed136;
+        background-color: transparent;
+    }
+    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
+
+    color: #fed136 !important;
+    background-color: transparent;
+    }
+
 }
 
 .header_slider > .carousel .carousel-inner {
@@ -246,6 +259,9 @@
         letter-spacing: 1px;
         font-size: 1.25em;
     }
+    ul.nav li:hover > ul.dropdown-menu{
+        display: block;
+    }
 }
 
 @media (min-width: 992px) {
@@ -404,3 +420,33 @@
     bottom: 0;
     background: rgba(0,0,0,0.35);
 }
+ul.dropdown-menu{
+    background: transparent;
+    box-shadow: 0 6px 12px rgba(255,255,255,.175);
+    border: 1px solid #fff;
+    border-radius: 4px;
+    padding: 0;
+}
+.dropdown-menu > li > a {
+    padding: 5px 20px;
+}
+.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
+    background-color: transparent;
+}
+.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
+    color: #fed136 !important;
+    text-decoration: none;
+    background-color: #fff;
+    outline: 0;
+}
+    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
+    color: #fff;
+    background-color: transparent;
+    }
+    .navbar-default.navbar-shrink .dropdown-menu li a {
+    background: #000;
+    color: #fff;
+    }
+    .navbar-default.navbar-shrink .dropdown-menu{
+        border: 1px solid #000;
+    }
\ No newline at end of file
diff --git a/ungleich_page/static/ungleich_page/js/ungleich.js b/ungleich_page/static/ungleich_page/js/ungleich.js
index d2121bcb..9be1a787 100644
--- a/ungleich_page/static/ungleich_page/js/ungleich.js
+++ b/ungleich_page/static/ungleich_page/js/ungleich.js
@@ -37,8 +37,7 @@ $(function() {
 $('body').scrollspy({
     target: '.navbar-fixed-top'
 })
-
 // Closes the Responsive Menu on Menu Item Click
-$('.navbar-collapse ul li a').click(function() {
-    $('.navbar-toggle:visible').click();
-});
+ $('.navbar-collapse ul li .page-scroll, .navbar-collapse ul li.dropdown ul li a').click(function() {
+     $('.navbar-toggle:visible').click();
+ });