✨ feat: add quick navigation buttons

💄 style(dark): change inline code background ♻️ refactor: simplify comment system logic
2023-07-16 00:50:07 +02:00
parent 6c8d5c750f
commit 05a6d15455
8 changed files with 142 additions and 68 deletions
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -148,3 +148,49 @@ a:not(.no-hover-padding):hover::before {
    border-radius: 10px;
    text-align: center;
 }
+
+#button-container {
+    position: fixed;
+    right: 2rem;
+    bottom: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.6rem;
+
+    #comments-button, #top-button {
+        background-color: var(--bg-1);
+        padding: 0.4rem;
+        height: 1rem;
+        width: 1rem;
+        text-align: center;
+        border-radius: 50%;
+        border: none;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        &:hover {
+            background-color: var(--bg-3);
+
+            svg {
+                fill: var(--primary-color);
+            }
+
+            &::before {
+            background-color: transparent;
+            }
+        }
+
+        svg {
+            width: 1rem;
+            height: 1rem;
+            fill: var(--text-color);
+        }
+    }
+
+    @media (max-width: 700px) {
+        #comments-button, #top-button {
+            display: none;
+        }
+    }
+}