added the scroll bar

2026-03-31 13:18:18 -04:00
parent 4b6844b85e
commit 07aa9908e8
4 changed files with 95 additions and 4 deletions
@@ -445,4 +445,38 @@ tr[draggable="true"]:active { cursor: grabbing; }
    .album-art-lg { width: 120px; height: 120px; }
    .album-header { flex-direction: column; }
    .artist-photo { width: 80px; height: 80px; }
+    .scroll-track { right: 2px; width: 14px; }
+    .scroll-track-letter { font-size: 0.5rem; }
+}
+
+/* Alphabetical scroll track */
+.scroll-track {
+    position: fixed;
+    right: 8px;
+    top: 60px;
+    bottom: 20px;
+    width: 24px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    z-index: 100;
+}
+.scroll-track-letter {
+    font-size: 1.4rem;
+    font-weight: 600;
+    color: var(--text-muted);
+    cursor: default;
+    padding: 0 2px;
+    line-height: 1;
+    user-select: none;
+    opacity: 0.3;
+}
+.scroll-track-letter.has-artists {
+    color: var(--text-secondary);
+    cursor: pointer;
+    opacity: 1;
+}
+.scroll-track-letter.has-artists:hover {
+    color: var(--accent);
 }