From 2135ed501599239f73fcf8409998bccc496be3dd Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Tue, 7 Aug 2012 10:16:08 -0400
Subject: [PATCH] added vote arrows

---
 lms/static/images/vote-arrows.png | Bin 0 -> 1580 bytes
 lms/static/sass/_discussion.scss  |  74 +++++++++++++++++++-----------
 2 files changed, 47 insertions(+), 27 deletions(-)
 create mode 100644 lms/static/images/vote-arrows.png

diff --git a/lms/static/images/vote-arrows.png b/lms/static/images/vote-arrows.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f84cdb271d0b492842eae90a6ee46b88b17b994
GIT binary patch
literal 1580
zcmeAS@N?(olHy`uVBq!ia0vp^DL`z*!3HE(nbz$CQj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS=07??9MLn2Bde0{8v^K<nQL2C3WatnaE85nHrD+&^mvr|hH
zl2X$%^K6yg@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZB<rk7%m7Q#vqGWHUU{hfQG$1#%
zBvGLvHz%*ys=`(YY_1iM4HDK@QUEI{$+lI3I4Z(7K*2e`C{@8!&saCvz|c^^%uLVF
z#MI2pP)EVYz|ctF0Eo<V4Na^}&8&>f6`()~Xj@TAnpKdC8`Lf!&sHg;q@=(~U%$M(
zT(8_%FTW^V-_X+15@d#vkuFe$ZgFK^Nn(X=Ua>OF1ees}<f6=ilFa-(1(1n}N%^HE
zwn{*kLcEY$;Oh%FIIkEQP{1J5uShJ=H`FuG&&>t-3#_`hBq$Z(46Le)Ln;eW^@CE2
z^Gl18f$@>14ATq@JNy=b6armi<zJKujFiM2m;B_?+|;}hPZwJypp0HhW{Q=YnWLkT
zfw7^Zfsuikg`uH^frYWFo2!|Hk(-m7rIQKF3~YK$+#Jmuoh{5<%nVHo4P6bLOe~z;
zj9ko(%v?+@%q<;ZdOh=sOA_;vQ(^XI0_}zBHN~sf%DE^tu_V7JBtJg~mI4AY@=NlI
zGx7@*oP*62G<*}2GxI<KnxF`R_}3-1D6=dz#jPkmR{<QtR+(5_K-lLHy(#2`nm*7m
z`k>^2lw4p!z%&SA!V^D`1J6FGdB8kV1k4<=mo}?2Ffc`Vx;TbZ+<G(H*PAI&q%Ga4
z$%nH^p@ZWV%i5N(i|VQJv$HPqa~z6)x-9j=szsYxC$Nf6ysDKY?7`8R;Tj;&GWVcz
zi^8)rw%_N?e%?Ag;P{;9cI9)PDQ}O_vlg<;oUACIC?u%lq@v`~;^ET4F|lL9HNO=z
zTkrO|ztxV2dmaAIdh*F7WqmG62eY^f|DR-0dwxMNg`tX7c5_Ud7+;oR^93FgHrs~2
zXf0=H_N5aPUl^X#(GPsFuQg~(Q2?i8o1EkCta<&9cxG>KX)EL7QZ#INvG#KnOS(k4
zrkh0ww`Ak8g|@uYx*zb&PSH9n(e9<VnB(H#<4>(;dKsQt=+&|PrkvC6SvBzziOXi5
zFgUl+>4c6+tF@K=$AoVZ9*GA9Lry4_h=;3rtTHfeOWE*{Ln%da7w_8u6OBX}k-I?=
zg+D|$aoug&rY$!|%O_?sPnk?z%Nl2MPKCO|Zycs~q;7cfL3s(oUp2Wk`WX{{7)KQS
z5PTFF-&iN)xaXnYw<#4HfFgI>mlOp5QE0NbzJ)*WxZsoZYfS21>~`v?>@|ugVzK43
zY}9+;wW48%L5a+vHs_-ge@V(coyO#Fg!fd!(S@&K!o(7}eD}Q<Rn(J}Gd#EOQ_lO|
zV9Wl`DJyxzWLB+jzoX={?_iNW$HdZ#V-oB~MGsdmFUnO2fBsddSkldM#k!UD4$D8J
z>mHdCymRicwv6Ws_PkbUH-5t>FJ9<&Q|T}V``6mY%0GJN9`x)gd(&gqH-T+Ndi#0R
zsBbbw->o<A_*DODk5V)!UIhe|1QnHBl$=~TTw1nN)Uik~ID0KS{Nus$pP=&F)78&q
Iol`;+0090pfdBvi

literal 0
HcmV?d00001

diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index e7504c9d17..2bad08a601 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -189,8 +189,51 @@ $tag_text_color: #5b614f;
     float: left;
     width: flex-grid(1);
     text-align: center;
-    // height: flex-grid(3);
-    // margin: 1% 2%;
+
+    .discussion-vote {      
+      display: block;      
+      width: 50px;
+      height: 19px;
+      margin: auto;
+      background: url(../images/vote-arrows.png) no-repeat;
+      font-size: 15px;
+      font-weight: bold;
+      color: black;
+      @include hide-text;
+      @include transition(all, 0, easeOut);
+    }
+
+    .discussion-vote-up {
+      margin-bottom: 3px;
+      background-position: -50px -1px;      
+
+      &:hover {
+        background-position: -50px -3px;
+        @include transition-duration(0.05s);
+      }
+
+      &.voted {
+        background-position: 0 -1px;
+        color: #1C71DD;
+        @include transition-duration(0);
+      }
+    }
+
+    .discussion-vote-down {
+      margin-top: 5px;
+      background-position: -50px -30px;
+
+      &:hover {
+        background-position: -50px -28px;
+        @include transition-duration(0.05s);
+      }
+
+      &.voted {
+        background-position: 0 -30px;
+        color: #1C71DD;
+        @include transition-duration(0);
+      }
+    }
     
 
     .discussion-vote-count {
@@ -202,36 +245,13 @@ $tag_text_color: #5b614f;
       font-size: 1em;
       font-weight: bold;
     }
-
-    a.discussion-vote {
-      color: black;
-      display: block;
-      font-size: 15px;
-      font-weight: bold;
-
-      &:hover {
-        color: #1C71DD;
-        text-decoration: none;
-      }
-
-      &.discussion-vote-up {
-        margin-bottom: 3px;
-      }
-
-      &.discussion-vote-down {
-        margin-top: 5px;
-      }
-
-      &.voted {
-        color: #1C71DD;
-      }
-    }
   }
   //CREATE NEW AND EDIT POSTS
   .discussion-right-wrapper {
     float: left;
     min-height: 40px;
-    width: 90%;
+    // width: 90%;
+    width: flex-grid(11);
   }
 
   .new-post-form, .discussion-thread-edit {