[UI/UX] Make entire sidebar item container clickable with hover effect

Author: Rudranshi157

.bundle/config

@@ -1,3 +1,3 @@
 ---
-BUNDLE_PATH: "vendor/bundle"
+BUNDLE_PATH: "~/.gem"
 BUNDLE_FROZEN: "false"

Gemfile.lock

@@ -280,6 +280,7 @@ GEM
       concurrent-ruby (~> 1.0)
     unicode-display_width (1.8.0)
     uri (0.13.0)
+    wdm (0.2.0)
     webrick (1.9.2)
     yell (2.2.2)
 
@@ -294,6 +295,7 @@ DEPENDENCIES
   github-pages (= 232)
   html-proofer (~> 3.19.4)
   json
+  wdm (>= 0.1.1)
   webrick (~> 1.9)
 
 BUNDLED WITH

navtree.css

@@ -81,6 +81,7 @@
 #nav-tree .item {
   margin:0px;
   padding:0px;
+  cursor: pointer;
 }
 
 #nav-tree-disabled {

navtree.js

@@ -193,6 +193,12 @@ function newNode(o, po, text, link, childrenData, lastNode)
   node.itemDiv = document.createElement("div");
   node.itemDiv.className = "item";
 
+  node.itemDiv.style.cursor = "pointer";
+  node.itemDiv.onclick = function() {
+    var a = node.itemDiv.querySelector("a");
+    if (a) a.click();
+  };
+
   node.labelSpan = document.createElement("span");
   node.labelSpan.className = "label";