From 81fbc45191a8c9bc5b23e3a997783af59321ff4f Mon Sep 17 00:00:00 2001
From:  <jlsharps@mit.edu>
Date: Mon, 12 May 2008 19:44:22 -0400
Subject: [PATCH] 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.

---
 app/views/embed/full_vote.rhtml |  22 ++++++++++++++++++++--
 public/images/bottom_dark.png   | Bin 0 -> 634 bytes
 public/images/bottom_light.png  | Bin 0 -> 1036 bytes
 public/stylesheets/embed.css    |   6 ++----
 4 files changed, 22 insertions(+), 6 deletions(-)
 create mode 100644 public/images/bottom_dark.png
 create mode 100644 public/images/bottom_light.png

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 0000000000000000000000000000000000000000..94dd72f178954d6e0f8d4c02aabe62de8e746eb3
GIT binary patch
literal 634
zcmV-=0)_pFP)<h;3K|Lk000e1NJLTq00Bw>001=z0ssI2s7N*P0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!97#k$RCwC#-A$6yFc1b%b<0pJxc?cr
z6bBh9RwE@DiVYjet_kM7RmQXH>Q6tZSc>o8zBZ1OS))aaR#EHkJ==QHQfWBB7?FLf
zPZhJtqE*c&^Lf*A#}_+(%urY5h*j>^dRD44XHF-xyZUUl)pC_}Z^Fm_Hsv{1AKN|E
zd)8w>-PMG%=ahTP%|+s~-?E;$Hme-0A{2p-7UF$QU8S2Bm}SKKoORL|iomPv%a!2h
zigq>NMRthdeRR6b-h6lymc{v51E(7B8ar?C277NnyaDkB#2XNAK)m69k9SmyHumUI
zssz`H_nxC#eyUMnhKFm#d%d@uv9DuBZps9gig!heQ9ZWuGfTKyyxZG)KVmM@)8ZU1
zwm5HJA}Xr4;kz~XC;joPwOhPZWRJ@ACAx&eh2q`E=Q(-b`hI`KQM}<o@vd0MFW!&)
zbUp!GYwrz+Hz3}Ccmv`Mh&PBgAl`s@1L6&cHz3|1-bw)C{cc2WHO1o&;jupKMhUn=
zytDRJncEoi<ESmG_D#Ow^=yAPD9lLD$$JJo)=^Da;hk`>_Xflp5N|-dLA(L+2E-c>
z?+b7pI^um<d&)N-tllRX@jh4|?n~ywmypjU+$<&!9ysUx-L~=jTQ}<#C&MV`c{bRi
z<+8=7TeQC7T_&4@2hKjLJhJs!*zxPv`01)PPTOCPd*fx~zPEP29I!uf{ZoJe08Z7c
U5!F9Hi2wiq07*qoM6N<$f<F;6H~;_u

literal 0
HcmV?d00001

diff --git a/public/images/bottom_light.png b/public/images/bottom_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c50e4b61dc90c5f41af3f032d17a651c39b28cf
GIT binary patch
literal 1036
zcmV+n1oQieP)<h;3K|Lk000e1NJLTq00Bw>001=z0ssI2s7N*P0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#u1Q2eRCwC#ozadOF$_g*XQt}^e@_3a
zQdJVWc82alrR8B}(Prs6EDH>fhbT9;gX8GWAKwK&j<87bp+&uPQ+MChT!PMl5647r
z;g)y}u%ROAnz+t);X`RXg}sS(Z`JE5b!&pQ;YoN|63JnfgDr<#4!j(GIS7w;H#+Ep
zyW3)#@NFu3PNDN3z>_FzU4COKJ)dkL9`<J20pMj_cK|@%0D!y!0C@ud@&*9p4FJd+
z;J=o4sOFzWWm&3vUDzr~rt)M|r0e{yi`=i&ML(`+%+IMS$yxxP$Gcf;YVN67*UG}0
z+Lh?{>7Z1*O$i^bP3}6j;~t0f!-lGnj|s4x^-kj((e!*mWtx7`K^FroC-0$Bd!GD!
z(?f;@u|2?g^1gfBc3$7x*e^{F0Prm5ymp^t{C&RZZo^rb2lzZ5Ev*fy*gMWHjaf|)
zIZLp#2C$mEXV@GU*1b(DfJfZ`%Q@$%%uQS`sMABr0|0>4<ehKy^soJVIhU>;O6(1=
zp1i{)LuXgN(6r*211xF1)Aq_}7s`aS%4wy{7{G$oTdjFI=jWStlUwk+H^6%G9uc$J
z=Xrfr4PYbo23SwtO~Z#=k!LyQLGTT*p1dX6CMi$7(zfE91FYzr*V_5GqR){xYjiQd
zdd_(q`@GM4=jKfu=Nw=`=e%}%HJ1zfy{(5}y#dyfcSzM<Y8TeV+-qM7T@0|E^`6UW
z8Gc`Adt+q{U`2WR{OMaS93dJ($~nN2@@{E-kD{k%X@6^{0>EmqcaNrZ68%}U$|qyK
z0oIeZR(<ohX+PbxSJpWIENH!JxAt~LpH+(~*f9pMp1dogG`d}I&aHklr&<fZdh+hI
zX09Q>{|(6>nCru-KYV*RGFq|T04rMW(bR{{v&O2V@!@T^_hWV0LXYE$((-%cR|R<k
ztSIj~0B~&Pt?C))lagwL^aruJr>v_!>UOK0-YNFud@=x7Ox|?{QR}g#hkdg;60oJ<
z?LpyWZ4s&KoC1FBT8~y1oY)&+J$cLA@};Az?Omp9!ycSTP&sPyZI(yR&*w~FX}mYG
zS^z$e2gex1C^4sh?QduLMm%0xJI?o>2O#)7zlf|<fHkc*0DMgXc>}yEio5}E&H>;n
zy5`6m;1ykSVsC&~_sWqs!0S2ZSnuaBG+m=UGxfEy^{cB%yoaZ%S&ywDd7B$Ux+}5w
zbJ*P__F>^BBXop#L*DR2D!DXju+@;WG$;G+_jJ)e0t^5YpM*7TYSy*@0000<MNUMn
GLSTZ|KL3&c

literal 0
HcmV?d00001

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 {
-- 
2.30.2