use CSS to create comma separated list

ecds · Jul 27, 2016 · 9fbba35 · 9fbba35
1 parent c976a80
commit 9fbba35
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/public/css/tag-index.css b/public/css/tag-index.css
@@ -41,3 +41,13 @@ a.label:hover {
   padding: 5px 10px 5px;
   color: #268bd2;
 }
+
+/* use CSS to create comma separated list */
+.tag-pages li + li:before {
+    content: ", ";
+}
+
+.tag-page {
+  list-style-type: none;
+  display: inline;
+}
diff --git a/tags/index.html b/tags/index.html
@@ -25,7 +25,7 @@
         {% for annotation in site.annotations|sort: 'sort_order' %}
             {% if annotation.tags contains tag[0] %}
             {% assign annotated_page=site.volume_pages[annotation.page_index] %}
-            <a href="{{ site.baseurl }}{{ annotation.url }}" title="full page annotation view">{{ annotated_page.short_label }} {{ annotated_page.number }}</a>
+            <li class="tag-page"><a href="{{ site.baseurl }}{{ annotation.url }}" title="full page annotation view">{{ annotated_page.short_label }} {{ annotated_page.number }}</a></li>
             {% endif %}
         {% endfor %}
       </div>