From: <jlsharps@mit.edu>
Date: Mon, 12 May 2008 23:44:22 +0000 (-0400)
Subject: Embeddable elctions now scale based on how many candidates in the election there... 
X-Git-Url: https://projects.mako.cc/source/selectricity-live/commitdiff_plain/81fbc45191a8c9bc5b23e3a997783af59321ff4f?ds=inline

Embeddable elctions now scale based on how many candidates in the election there are. However, the iframe adds a scroolbar if there's more than 5 candidates, and shows whitespace at the bottom when there's less than five.
---

diff --git a/app/views/embed/full_vote.rhtml b/app/views/embed/full_vote.rhtml
index 170b1f5..69eed9c 100644
--- a/app/views/embed/full_vote.rhtml
+++ b/app/views/embed/full_vote.rhtml
@@ -2,9 +2,22 @@
 <%= link_to '<img id="header_icon" src="/images/embed_header_icon.png" />',
             {:controller => 'front'}, {:target => "_parent"} %><h2>Vote Now</h2>
 </div>
-<div id="voting-box">
+
+<div id="voting-box" height="<%=(@election.candidates.length + 2)*53 %>px">
+	<%@election.candidates.length.times do |count|%>
+		<% if (count%2)==0%>
+			<img src="/images/widget_dark.png" 
+			style="position:absolute;top:<%=(count+1)*53%>px;">
+			<% else %>
+			<img src="/images/widget_light.png" 
+			style="position:absolute;top:<%=(count+1)*53%>px">
+		<% end %>
+	<%end%>
 	
 	<ul id="rankings-list">
+		
+		
+		
       <% @voter.vote.rankings.each do |ranking| %>
 		<li class="ranking" id="ranking_<%= ranking.candidate.id %>">
 			<img alt="<%= white_list ranking.candidate.name %>"
@@ -22,7 +35,12 @@
 	
 	<div style="clear:both;"></div>
 	
-	<div id="voting-bottom">
+	<div id="voting-bottom" style="
+	<% if @election.candidates.length%2 == 0 %>
+	background-image:url(/images/bottom_dark.png)
+	<%else%>
+	background-image:url(/images/bottom_light.png)
+	<%end%>" >
 		<div id="container">
 			<a href="<%= url_for :action => :confirm, :id => @password, :embed => 'true' %>"><h2 id="submit_vote_button">Submit Vote</h2></a>
 			<p><b>Drag and drop</b> to rank the choices.</p>
diff --git a/public/images/bottom_dark.png b/public/images/bottom_dark.png
new file mode 100644
index 0000000..94dd72f
Binary files /dev/null and b/public/images/bottom_dark.png differ
diff --git a/public/images/bottom_light.png b/public/images/bottom_light.png
new file mode 100644
index 0000000..4c50e4b
Binary files /dev/null and b/public/images/bottom_light.png differ
diff --git a/public/stylesheets/embed.css b/public/stylesheets/embed.css
index fe0b7f2..90e1a21 100644
--- a/public/stylesheets/embed.css
+++ b/public/stylesheets/embed.css
@@ -104,8 +104,6 @@ a {
 
 #voting-box {
 	width: 330px;
-	height: 317px;
-	background: transparent url(/images/embed_voting_bg.png) top left no-repeat;
 	margin: 0px;
 	padding: 0px;
 	overflow: hidden;
@@ -113,7 +111,7 @@ a {
 
 ul {
 	margin: 0 0 0 40px;
-	padding: 0 0 0 0;
+	padding: 0 0 0 0px;
 	list-style: none;
 }
 
@@ -148,8 +146,8 @@ ul {
 #voting-bottom {
 	color: #464646;
     position: absolute;
-    top: 318px;
     width: 330px;
+	height:53px;
 }
 
 #container {