Add support for series navigation links

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
2024-05-20 00:27:25 -07:00
parent f3bf27d4a1
commit e4dccd4f48
3 changed files with 68 additions and 0 deletions
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -330,6 +330,45 @@ figure {
    }
 }

+#SeriesNavigation {
+    margin-top: 1em;
+    display: flex;
+
+    .wrapper {
+      flex-grow: 1;
+      display: flex;
+
+      &.previous {
+          justify-content: left;
+      }
+
+      &.next {
+          justify-content: right;
+      }
+    }
+
+
+    a {
+        @include bordered-block;
+        padding: 0.5em 1em 0.5em 1em;
+        font-size: 1.1em;
+        display: flex;
+        align-items: center;
+
+        .feather {
+          height: 1.25em;
+          width: 1.25em;
+          fill: none;
+          &:first-child { margin-right: 0.5em; }
+          &:last-child { margin-left: 0.5em; }
+        }
+    }
+
+    div.title {
+        font-weight: bold;
+    }
+}
+
 .series-status {
    &.suspended { --status-color: #f9b005; }
    &.complete { --status-color: #3dc60b; }