From e10d02f45c49cb6ca898b37d89ca5381e64be9a5 Mon Sep 17 00:00:00 2001
From: takezoe <takezoe@gmail.com>
Date: Thu, 8 May 2014 07:30:35 +0900
Subject: [PATCH] Apply mouse hover style

---
 src/main/twirl/menu.scala.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/main/twirl/menu.scala.html b/src/main/twirl/menu.scala.html
index b24f0ece9..2fbb3ce54 100644
--- a/src/main/twirl/menu.scala.html
+++ b/src/main/twirl/menu.scala.html
@@ -45,12 +45,14 @@ ul.sidemenu div.gradient {
   height: 35px;
   background: linear-gradient(to right, #eee, #fff);
   margin-right: 4px;
+  border-left: 1px solid #eee;
 }
 
 ul.sidemenu div.margin {
   width: 5px;
   height: 35px;
   margin-right: 4px;
+  border-left: 1px solid white;
 }
 
 ul.sidemenu li {
@@ -66,6 +68,16 @@ ul.sidemenu span.badge {
   padding-right: 4px;
 }
 </style>
+<script>
+$(function(){
+  $('ul.sidemenu a').mouseover(function(e){
+    $(e.target).prev('div.gradient').css('border-left', '1px solid silver');
+  });
+  $('ul.sidemenu a').mouseout(function(e){
+    $(e.target).prev('div.gradient').css('border-left', '1px solid #eee');
+  });
+});
+</script>
 <div class="container body">
   <div style="width: @if(expand){170px} else {40px};" class="pull-right">
     <ul class="sidemenu">