adds in caret in results view for toggle

geoblacklight · Feb 19, 2015 · 414623d · 414623d
1 parent 2776122
commit 414623d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/app/assets/javascripts/geoblacklight/modules/collapse.js b/app/assets/javascripts/geoblacklight/modules/collapse.js
@@ -2,5 +2,6 @@ Blacklight.onLoad(function() {
   $('#content')
     .on('click', '#documents [data-layer-id]', function() {
       $(this).find('.collapse').collapse('toggle');
+      $(this).find('.caret-toggle').toggleClass('open');
     });
 });
diff --git a/app/assets/stylesheets/geoblacklight/modules/results.scss b/app/assets/stylesheets/geoblacklight/modules/results.scss
@@ -26,4 +26,14 @@
 .index_title {
   @extend .text-span;
   @extend .hide-overflow;
+}
+
+.caret-toggle {
+  @extend .fa, .fa-caret-right;
+  cursor: pointer;
+  width: 10px;
+
+  &.open {
+    @extend .fa, .fa-caret-down;
+  }
 }
diff --git a/app/views/catalog/_index_split_default.html.erb b/app/views/catalog/_index_split_default.html.erb
@@ -6,6 +6,7 @@
     <%= geoblacklight_icon(document['dc_rights_s']) %>
   </div>
   <h5 class="index_title col-sm-9s cosl-lg-10 text-span">
+    <span class='caret-toggle'></span>
     <% counter = document_counter_with_offset(document_counter) %>
     <span class="document-counter">
       <%= t('blacklight.search.documents.counter', :counter => counter) if counter %>