Adding tooltip for dashboard SRM badge

Author: sushilshinde

app/directives/page-state-header/page-state-header.jade

@@ -17,5 +17,5 @@
         .title
           p Won in Prizes
       .badgeItem(ng-if="vm.dashboardAchievement")
-        .dashboardBadge(title='{{vm.dashboardBadgeName}}')
-        
+        .dashboardBadge     
+              img( width=200 alt='{{vm.dashboardBadgeName}}' height=200 src=require("../../../assets/images/badge.svg"))

assets/css/directives/badge-tooltip.scss

@@ -680,8 +680,22 @@ span.subBadge.selected {
 }
 
 .dashboardBadge {
-    background: url(../../images/badge05-70x70.png) no-repeat;
+    background: url(../../images/badge.svg) no-repeat;
     width: 70px;
     height: 70px;
+    img {
+      display: none;
+    }
 }
-
+ 
+.dashboardBadge:hover img {
+  display: block;
+  position: absolute;
+  top: 55px;
+  left: -110px;;
+  z-index: 1000;
+  width: auto;
+  overflow: hidden;
+  padding: 8px;
+  background: transparent; 
+}