Merge pull request #91 from mlibrary/LIBSEARCH-876-update-display-of-…

…long-subject-lists-in-subject-browse [LIBSEARCH-876] Update display of long subject lists in Subject Browse
mlibrary · May 8, 2023 · 02f0050 · 02f0050
2 parents 7451764 + 24befdb
commit 02f0050
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 2 deletions.
diff --git a/css/styles/cross-references.css b/css/styles/cross-references.css
@@ -21,7 +21,7 @@
 ol.cross-references-list {
   color: var(--search-neutral-500);
   list-style: none;
-  margin: 0;
+  margin: 0 0 0 1rem;
   padding: 0;
 }
 

diff --git a/css/styles/table.css b/css/styles/table.css
@@ -194,3 +194,23 @@ table.browse-table {
   display: inline-block;
   font-weight: var(--semibold);
 }
+
+/* 3.2.2 - Records */
+
+.browse-table.subject-browse tbody td.column-main .record-text {
+  display: block;
+}
+
+.browse-table.subject-browse tbody td.column-records {
+  display: none;
+}
+
+@media only screen and (min-width: 720px) {
+  .browse-table.subject-browse tbody td.column-main .record-text {
+    display: none;
+  }
+
+  .browse-table.subject-browse tbody td.column-records {
+    display: table-cell;
+  }
+}
diff --git a/views/subject.erb b/views/subject.erb
@@ -28,6 +28,9 @@
                   <% if result.heading_link? %>
                     <%= erb :'components/external_link', locals: { url: result.heading_link, text: 'About this subject', classes: 'vernacular pipe' } %>
                   <% end %>
+                  <span class="record-text">
+                    <%= result.record_text %>
+                  </span>
                 </dd>
                 <% if result.has_cross_references? %>
                   <% result.cross_references.to_h.keys.each do | cr | %>
@@ -75,7 +78,7 @@
                 <% end %>
               </dl>
             </td>
-            <td>
+            <td class="column-records">
               <%= result.record_text %>
             </td>
           </tr>