Merge pull request #46 from mlibrary/removing-specialCharacterUsed-wa…

…rning Removing `specialCharacterUsed` ARC Toolkit Warning
mlibrary · Jan 20, 2022 · 13c4998 · 13c4998
2 parents 405f564 + 04467cb
commit 13c4998
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/css/styles/table.css b/css/styles/table.css
@@ -194,8 +194,19 @@ table.browse-table {
 
 .browse-table tbody .vernacular {
   color: var(--search-neutral-500);
+  display: block;
 }
 
-.browse-table tbody dl dd:first-of-type .vernacular {
-  display: block;
+.browse-table tbody .vernacular.pipe {
+  display: inline;
+}
+
+.browse-table tbody .vernacular.pipe:before {
+  background: var(--search-neutral-500);
+  content: '';
+  display: inline-block;
+  height: 1em;
+  margin: 0 var(--space-x-small);
+  vertical-align: middle;
+  width: 1px;
 }
diff --git a/views/layout.erb b/views/layout.erb
@@ -173,7 +173,7 @@
                         <dd>
                           <%= result.author %>
                           <% if result.vernacular_author %>
-                            <span class="vernacular">| <%= result.vernacular_author %></span>
+                            <span class="vernacular pipe"><%= result.vernacular_author %></span>
                           <% end %>
                         </dd>
                       <% end %>
@@ -182,7 +182,7 @@
                         <dd>
                           <%= result.publisher %>
                           <% if result.vernacular_publisher %>
-                            <span class="vernacular">| <%= result.vernacular_publisher %></span>
+                            <span class="vernacular pipe"><%= result.vernacular_publisher %></span>
                           <% end %>
                         </dd>
                       <% end %>
@@ -191,7 +191,7 @@
                         <dd>
                           <%= result.series %>
                           <% if result.vernacular_series %>
-                            <span class="vernacular">| <%= result.vernacular_series %></span>
+                            <span class="vernacular pipe"><%= result.vernacular_series %></span>
                           <% end %>
                         </dd>
                       <% end %>