From 7eedde332010c8896be636f0b5c6a7b2c8043e48 Mon Sep 17 00:00:00 2001
From: mehekj <mehek.jethani@gmail.com>
Date: Wed, 15 Jun 2022 13:22:37 -0400
Subject: made hover time more visible

---
 src/client/views/collections/CollectionStackedTimeline.scss | 8 +++++---
 src/client/views/collections/CollectionStackedTimeline.tsx  | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/client/views/collections/CollectionStackedTimeline.scss b/src/client/views/collections/CollectionStackedTimeline.scss
index f9cf5cd4e..bb98e1c99 100644
--- a/src/client/views/collections/CollectionStackedTimeline.scss
+++ b/src/client/views/collections/CollectionStackedTimeline.scss
@@ -16,7 +16,8 @@
 }
 
 .timeline-container:hover + .timeline-hoverUI {
-    display: block;
+    display: flex;
+    justify-content: center;
 }
 
 ::-webkit-scrollbar {
@@ -135,9 +136,10 @@
     display: none;
 
     .hoverTime {
+        position: absolute;
         color: $dark-gray;
-        text-align: center;
-        transform: translate(0, -17px);
+        transform: translate(0, -100%);
+
         font-weight: bold;
     }
 }
\ No newline at end of file
diff --git a/src/client/views/collections/CollectionStackedTimeline.tsx b/src/client/views/collections/CollectionStackedTimeline.tsx
index 850aa5dbe..8bdcfeea9 100644
--- a/src/client/views/collections/CollectionStackedTimeline.tsx
+++ b/src/client/views/collections/CollectionStackedTimeline.tsx
@@ -773,8 +773,8 @@ export class CollectionStackedTimeline extends CollectionSubView<CollectionStack
                 </div>
             </div>
             <div className="timeline-hoverUI" style={{ left: `calc(${((this._hoverTime - this.clipStart) / this.clipDuration) * 100}%` }}>
-                {this._thumbnail && <img className="videoBox-thumbnail" src={this._thumbnail} />}
                 <div className="hoverTime">{formatTime(this._hoverTime)}</div>
+                {this._thumbnail && <img className="videoBox-thumbnail" src={this._thumbnail} />}
             </div>
         </div >);
     }
-- 
cgit v1.2.3-70-g09d2