From 90a3b47eda168c11131f65adb18072dddfecc21b Mon Sep 17 00:00:00 2001
From: abulojoshua1 <abulojoshua1@gmail.com>
Date: Wed, 2 Sep 2020 17:23:02 +0300
Subject: [PATCH] [fixes #70] Wrong Color in GeoNode menu

---
 geonode/base/templates/base/menu.html | 2 +-
 geonode/static/geonode/css/base.css   | 3 +++
 geonode/static/geonode/less/base.less | 3 +++
 geonode/templates/base.html           | 5 ++++-
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/geonode/base/templates/base/menu.html b/geonode/base/templates/base/menu.html
index e1df7b348c4..2f889116f5a 100644
--- a/geonode/base/templates/base/menu.html
+++ b/geonode/base/templates/base/menu.html
@@ -21,7 +21,7 @@
 
     {% if menu_items|length > 0 %}
 
-        <li>
+        <li class="inactive">
 
             <a href="" class="dropdown-toggle" data-toggle="dropdown"
                role="button" aria-haspopup="true">
diff --git a/geonode/static/geonode/css/base.css b/geonode/static/geonode/css/base.css
index 5ac174bb60e..1731aaa36ac 100644
--- a/geonode/static/geonode/css/base.css
+++ b/geonode/static/geonode/css/base.css
@@ -8248,3 +8248,6 @@ form-inline {
 .iso-categories .row a:hover span {
   background-color: black;
 }
+.inactive a {
+  background-color: inherit !important;
+}
diff --git a/geonode/static/geonode/less/base.less b/geonode/static/geonode/less/base.less
index ec3aedbf7b9..206540c77f3 100644
--- a/geonode/static/geonode/less/base.less
+++ b/geonode/static/geonode/less/base.less
@@ -1776,3 +1776,6 @@ form-inline {
       background-color: black;
     }
 }
+.inactive a {
+  background-color: inherit !important;
+}
diff --git a/geonode/templates/base.html b/geonode/templates/base.html
index fa614e3b0fd..e78e31a351c 100644
--- a/geonode/templates/base.html
+++ b/geonode/templates/base.html
@@ -638,7 +638,10 @@ <h4 class="modal-title" id="myModalLabel">{% trans "Sign in" %}</h4>
     <script type="text/javascript" src="{% url "javascript-catalog" %}"></script>
     {% block extra_script %}{% endblock extra_script %}
     <script type="text/javascript">
-
+      window.addEventListener("load", function(){
+        $(".inactive").removeClass("active");
+        $(".inactive").removeClass("inactive");
+      });
       // Autocomplete instance for the search found in the header.
       $(document).ready(function() {
         window.autocomplete2 = new Autocomplete({