From 7f08f0fec32a28e1dc19f00021f99352f55a045c Mon Sep 17 00:00:00 2001
From: mehekj <mehek.jethani@gmail.com>
Date: Thu, 28 Oct 2021 15:12:34 -0400
Subject: fixed marker document decorations on scroll in zoomed timeline

---
 .../collections/CollectionStackedTimeline.scss     | 32 ++++++++++++----------
 1 file changed, 17 insertions(+), 15 deletions(-)

(limited to 'src/client/views/collections/CollectionStackedTimeline.scss')

diff --git a/src/client/views/collections/CollectionStackedTimeline.scss b/src/client/views/collections/CollectionStackedTimeline.scss
index 843c5dcb5..19913350b 100644
--- a/src/client/views/collections/CollectionStackedTimeline.scss
+++ b/src/client/views/collections/CollectionStackedTimeline.scss
@@ -2,8 +2,24 @@
 
 .timeline-container {
     height: calc(100% - 50px);
-    overflow-x: scroll;
+    overflow-x: auto;
     border: none;
+    background-color: $white;
+    border: 2px solid $dark-gray;
+    border-width: 0 2px 0 2px;
+}
+
+::-webkit-scrollbar {
+    position: relative;
+    -webkit-appearance: none;
+    height: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    position: relative;
+    -webkit-appearance: none;
+    height: 5px;
+    background-color: $medium-gray;
 }
 
 .collectionStackedTimeline {
@@ -12,20 +28,6 @@
     z-index: 1000;
     height: 100%;
 
-    ::-webkit-scrollbar {
-        position: relative;
-        -webkit-appearance: none;
-        height: 5px;
-        background-color: white;
-    }
-
-    ::-webkit-scrollbar-thumb {
-        position: relative;
-        -webkit-appearance: none;
-        height: 5px;
-        background-color: $medium-gray;
-    }
-
     .collectionStackedTimeline-trim-shade {
         position: absolute;
         height: 100%;
-- 
cgit v1.2.3-70-g09d2