From 394ed8c3d66661c93b3778d53c09ad57cdfa2ba5 Mon Sep 17 00:00:00 2001
From: sanj <sanj@sanj>
Date: Mon, 20 Sep 2010 04:22:13 +0530
Subject: [PATCH] clean texts a bit, highlight flyover on mouse-over

---
 vurbanism/static/css/vurbanism.css | 10 ++++++++--
 vurbanism/static/js/vurbanism.js   |  4 ++--
 vurbanism/templates/flyovers.html  |  2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/vurbanism/static/css/vurbanism.css b/vurbanism/static/css/vurbanism.css
index 9dc1f1a..af05ac9 100644
--- a/vurbanism/static/css/vurbanism.css
+++ b/vurbanism/static/css/vurbanism.css
@@ -134,12 +134,12 @@ a img {
   box-shadow: 0px 0px 1.5em;
   }
 
-.imageWrapper .mapSelect {
+.imageWrapper .mapSelect img {
   width: 100px;
   height: 100px;
 }
 
-.videoWrapper .mapSelect {
+.videoWrapper .mapSelect img {
   width: 400px;
 }
 
@@ -147,6 +147,12 @@ a img {
   color: #141BB4;
 }
 
+.textWrapper {
+  font-family: Arial, Verdana, Georgia, sans-serif;
+  padding: 4px;
+  
+}
+
 .navContent {
   display: none;
 }
diff --git a/vurbanism/static/js/vurbanism.js b/vurbanism/static/js/vurbanism.js
index 7e2c88c..bc08148 100644
--- a/vurbanism/static/js/vurbanism.js
+++ b/vurbanism/static/js/vurbanism.js
@@ -74,7 +74,7 @@ $(function() {
 function onFeatureSelect(f) {
   var id = f.feature.attributes.id;
 //  $('img').removeClass('mapSelect');
-  $('[data-id=' + id + ']').find('img').addClass("mapSelect");
+  $('[data-id=' + id + ']').addClass("mapSelect");
 /*
   var id = f.feature.attributes.id;
   $.getJSON("flyover", {'id': id}, function(json) {
@@ -89,7 +89,7 @@ function onFeatureSelect(f) {
 
 function onFeatureUnselect(f) {
   var id = f.feature.attributes.id;
-  $('[data-id=' + id + ']').find('img').removeClass("mapSelect");
+  $('[data-id=' + id + ']').removeClass("mapSelect");
 }
 
 //will highlight the feature id's passed in arr
diff --git a/vurbanism/templates/flyovers.html b/vurbanism/templates/flyovers.html
index 230d891..1b8533e 100644
--- a/vurbanism/templates/flyovers.html
+++ b/vurbanism/templates/flyovers.html
@@ -47,7 +47,7 @@
   <script type="text/html" id="tmpl_texts">
 <div class="textsWrapper">
   <% for (var i=0; i<texts.length;i++) { var txt = texts[i]; %>
-    <p class="textWrapper" data-id="<%= txt.flyover.id %>">
+    <p class="textWrapper flyoverImage" data-id="<%= txt.flyover.id %>">
       <%= txt.text %>
     </p>
   <% } %>