From: Charles Holbrow Date: Tue, 19 Mar 2013 20:36:39 +0000 (-0400) Subject: adding search icon to search bar X-Git-Tag: release-20150131~492 X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=54f5d3ce31c754270ed2f100b0674142f828508e;p=oweals%2Fkarmaworld.git adding search icon to search bar --- diff --git a/karmaworld/assets/css/course_list_table.css b/karmaworld/assets/css/course_list_table.css index f7675cd..04bbe61 100644 --- a/karmaworld/assets/css/course_list_table.css +++ b/karmaworld/assets/css/course_list_table.css @@ -13,6 +13,9 @@ Search Bar border-style: solid; border-color: black; border-width: 1px; + background-image: url(../img/lightbox_search_icon.png); + background-position: 8px 50%; + background-repeat: no-repeat; } diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html index 51253ee..ee81efc 100644 --- a/karmaworld/templates/courses/course_list.html +++ b/karmaworld/templates/courses/course_list.html @@ -78,7 +78,7 @@ $(document).ready(function() { // Use out Ajax endpoing to populate the list //'sAjaxSource': "{% url 'api_course_list' %}" }); - $('.dataTables_filter input').attr("placeholder", " search courses"); + $('.dataTables_filter input').attr("placeholder", " search courses"); // TODO: can't prepend html to .dataTables_filter input html for fontawesome search icon });