From 7445f433819c65b58537426ce9603dccac336b65 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Thu, 6 Oct 2022 10:47:45 -0700
Subject: [PATCH] Hide too many ticks on mobile

---
 src/components/Timeline.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index df2fda7a..070fc115 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -1319,10 +1319,18 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
     opacity: 0;
     transition: opacity .2s ease-in-out;
 
+    // Show ticks on hover or scroll of main window
     &:hover, &.scrolling {
         opacity: 1;
     }
 
+    // Hide ticks on mobile unless hovering
+    @include phone {
+        &:not(:hover) > .tick {
+            opacity: 0;
+        }
+    }
+
     > .tick {
         pointer-events: none;
         position: absolute;