Don't use a grid inside a list

The floats don't work well with a list and cause the numbers to be on the preceeding line.
samvera · Apr 13, 2017 · ced69a7 · ced69a7
1 parent 5407cfa
commit ced69a7
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/app/assets/stylesheets/hyrax/_catalog.scss b/app/assets/stylesheets/hyrax/_catalog.scss
@@ -9,3 +9,14 @@
     width: 100%;
   }
 }
+
+.document {
+  .list-thumbnail {
+    width: 30%;
+    float: left;
+  }
+  .metadata {
+    width: 70%;
+    display: inline-block;
+  }
+}
diff --git a/app/views/catalog/_document.html.erb b/app/views/catalog/_document.html.erb
@@ -1,5 +1,3 @@
 <li id="document_<%= document.to_param %>" class="document <%= render_document_class document %>" itemscope itemtype="<%= document.itemtype %>">
-  <div class="row">
-    <%= render_document_partials document, blacklight_config.view_config(document_index_view_type).partials, document_counter: document_counter %>
-  </div>
+  <%= render_document_partials document, blacklight_config.view_config(document_index_view_type).partials, document_counter: document_counter %>
 </li>
diff --git a/app/views/catalog/_index_list_default.html.erb b/app/views/catalog/_index_list_default.html.erb
@@ -1,4 +1,4 @@
-    <div class="col-sm-9">
+    <div class="metadata">
       <table class="table">
         <% doc_presenter = index_presenter(document) %>
         <% index_fields(document).each do |field_name, field| -%>
@@ -12,3 +12,4 @@
       </table>
     </div>
 
+    <div class="clearfix"></div>
diff --git a/app/views/catalog/_thumbnail_list_default.html.erb b/app/views/catalog/_thumbnail_list_default.html.erb
@@ -1,4 +1,3 @@
-    <div class="col-sm-3">
+    <div class="list-thumbnail">
       <%= render_thumbnail_tag document %>
     </div>
-