From: Charles Holbrow Date: Wed, 20 Mar 2013 20:24:05 +0000 (-0400) Subject: adding upload button. Additional css for course_list X-Git-Tag: release-20150131~488 X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=f608d298e78b2d9bd7d241f39c98bc06f77adf8d;p=oweals%2Fkarmaworld.git adding upload button. Additional css for course_list --- 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() { {{ course.file_count }} {{ course.school.name }} {{ course.name }} +
{{ course.instructor_name }} {% endfor %}