From e9a39f9838e4ad986a52f9bbfaf334a1bd1c953a Mon Sep 17 00:00:00 2001
From: Connor Turland <connorturland@gmail.com>
Date: Thu, 20 Nov 2014 22:50:47 -0500
Subject: [PATCH] made map contributors toggle visibility on click

---
 app/assets/javascripts/src/Metamaps.js | 12 ++++++++++++
 app/assets/stylesheets/application.css |  6 ++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/src/Metamaps.js b/app/assets/javascripts/src/Metamaps.js
index 5b5475e8..f52f997a 100644
--- a/app/assets/javascripts/src/Metamaps.js
+++ b/app/assets/javascripts/src/Metamaps.js
@@ -4548,6 +4548,7 @@ Metamaps.Map.InfoBox = {
                 self.changing = false;
                 self.isOpen = false;
                 self.hidePermissionSelect();
+                $('.mapContributors .tip').hide();
             });
         }
     },
@@ -4622,6 +4623,17 @@ Metamaps.Map.InfoBox = {
         $('.mapInfoBox.yourMap').unbind('.yourMap').bind('click.yourMap', self.hidePermissionSelect);
 
         $('.yourMap .mapInfoDelete').unbind().click(self.deleteActiveMap);
+
+        $('.mapContributors span, #mapContribs').unbind().click(function(event){
+            $('.mapContributors .tip').toggle();
+            event.stopPropagation();
+        });
+        $('.mapContributors .tip').unbind().click(function(event){
+            event.stopPropagation();
+        });
+        $('.mapInfoBox').unbind('.hideTip').bind('click.hideTip', function(){
+            $('.mapContributors .tip').hide();
+        });
     },
     updateNameDescPerm: function(name, desc, perm) {
         $('.mapInfoName .best_in_place_name').html(name);
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 3dccdd10..bd0a5d84 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1622,6 +1622,7 @@ float: left;
     width: 25px;
     height: 25px;
     border-radius: 15px;
+    cursor: pointer;
 }
 #mapContribs.multiple.mTwo {
     box-shadow: 1px 1px 0 0 #B5B5B5,3px 2px 0 0 #424242;
@@ -1634,6 +1635,7 @@ float: left;
     padding-top: 5px;
     padding-left: 8px;
     float: left;
+    cursor: pointer;
 }
 
 
@@ -1706,10 +1708,6 @@ float: left;
     border-radius: 14px;
 }
 
-.mapInfoBox .hoverForTip:hover .tip {
-    display: block;
-}
-
 .mapInfoBox .mapPermission .tooltips {
     top: -20px;
     right: 36px;