From f608d298e78b2d9bd7d241f39c98bc06f77adf8d Mon Sep 17 00:00:00 2001
From: Charles Holbrow <charlesholbrow@gmail.com>
Date: Wed, 20 Mar 2013 16:24:05 -0400
Subject: [PATCH] adding upload button. Additional css for course_list

---
 karmaworld/assets/css/course_list_table.css   | 42 +++++++++++++++++--
 karmaworld/templates/courses/course_list.html |  2 +
 2 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/karmaworld/assets/css/course_list_table.css b/karmaworld/assets/css/course_list_table.css
index b2b5b3d..91ead95 100644
--- a/karmaworld/assets/css/course_list_table.css
+++ b/karmaworld/assets/css/course_list_table.css
@@ -2,6 +2,12 @@ table#course_list
 {
   margin:14px auto;
 }
+a {
+  color:black;
+}
+a:hover {
+  color:#f05a28;
+}
 
 /***************
 Search Bar
@@ -88,11 +94,13 @@ table#course_list td {
   font-family: "MuseoSlab-300";
   font-size: 18px;
   float:left;
+  height:80px; /* required for :hover on Table Rows  (when floating td elements) */
 }
 
 table#course_list tbody tr td.slim {
   font-family: "MuseoSlab-300";
   font-size: 12px;
+  height: 20px; /* required for :hover on Table Rows  (when floating td elements) */
 }
 
 table#course_list tr:nth-child(even)
@@ -107,7 +115,6 @@ table#course_list tbody td a {
 
 /* rows of course data */
 table#course_list tbody tr {
-  height: 100px;
   width: 840px;
 }
 
@@ -127,11 +134,40 @@ td.note-count {
 }
 
 td.school-name {
-  width:200px; /* make this the same as td.date -- line up the artificial columns */
+  width: 200px; /* make this the same as td.date -- line up the artificial columns */
 }
 
 td.course-name {
-  width:400px;
+  width: 320px;
+}
+
+
+table#course_list td div.upload {
+  width: 45px;
+  height: 45px;
+  visibility: hidden;
+  font-size: 34px;
+  color: #f05a28;
+  text-align: center;
+  vertical-align: middle;
+}
+
+table#course_list td div.upload i { 
+  padding-top: 1px;
+  width: 1.1em;
+  display: block;
+  cursor: pointer;
+}
+table#course_list td div.upload:hover i {
+  padding-top: 0px; /* prevent font awesome from moving on :hover */
+  border: solid 1px black;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+
+table#course_list tr:hover td div.upload {
+  visibility: visible;
 }
 
 td.instructor-name {
diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 0eda41b..d91b58d 100644
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -37,6 +37,7 @@ $(document).ready(function() {
       { "bSearchable": false },
       null,
       null,
+      null,
       null, 
     ],
     "aoColumnDefs": [ 
@@ -125,6 +126,7 @@ $(document).ready(function() {
             <td class="note-count slim">  {{ course.file_count }} </td>
             <td class="school-name">      {{ course.school.name }} </td>
             <td class="course-name">      <a href="{{ course.get_absolute_url }}">{{ course.name }}</a> </td>
+            <td class="upload">           <div class="upload"><i class="icon-upload"></i></div></td>
             <td class="instructor-name">  {{ course.instructor_name }} </td>
           </tr>
         {% endfor %}
-- 
2.25.1