Adding indexes in the web view (go-shiori#88)

evvil · May 30, 2018 · dc108b5 · dc108b5
1 parent b1ae14e
commit dc108b5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/view/index.html b/view/index.html
@@ -114,6 +114,7 @@
                     <a class="bookmark-selector" v-if="editMode" @click="toggleSelection(idx)"></a>
                     <a class="bookmark-link" :href="book.hasContent ? '/bookmark/'+book.id : null" :title="book.hasContent ? 'View cache' : null" target="_blank">
                         <img v-if="book.imageURL !== ''" :src="book.imageURL">
+                        <p class="id">{{book.id}}</p>
                         <p class="title">{{book.title}}</p>
                         <p class="excerpt" v-if="book.imageURL === ''">{{book.excerpt}}</p>
                     </a>
@@ -650,4 +651,4 @@
     </script>
 </body>
 
-</html>
+</html>
diff --git a/view/less/stylesheet.less b/view/less/stylesheet.less
@@ -372,6 +372,18 @@ body {
                     object-fit: cover;
                     margin-bottom: 8px;
                 }
+                .id {
+                    color: var(--color);
+                    border: 1px solid var(--border);
+                    background-color: var(--contentBg);
+                    font-size: 0.7em;
+                    font-weight: bold;
+                    left:-1px;
+                    top:-1px;
+                    position: absolute;
+                    padding: 0px 0.3em;
+                    opacity: 0.7;
+                }
                 .title {
                     text-overflow: ellipsis;
                     word-wrap: break-word;