From 6e5034ef72463d6584a10f3bdb1b85d0b35337da Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Mon, 26 Aug 2024 09:44:27 +0200
Subject: [PATCH] refactor: show progress on top

---
 .../TimelineProgressBar.module.scss           | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/features/viewers/timeline/timeline-progress-bar/TimelineProgressBar.module.scss b/apps/client/src/features/viewers/timeline/timeline-progress-bar/TimelineProgressBar.module.scss
index 66995ed3c..1997b1a09 100644
--- a/apps/client/src/features/viewers/timeline/timeline-progress-bar/TimelineProgressBar.module.scss
+++ b/apps/client/src/features/viewers/timeline/timeline-progress-bar/TimelineProgressBar.module.scss
@@ -1,13 +1,19 @@
 .progressBar {
   width: 100%;
   height: 1rem;
+  position: relative;
 
-  transition-duration: 0.3s;
-  transition-property: left;
   background-color: $gray-1000;
-
-  .progress {
-    height: 100%;
-    background-color: $active-red;
-  }
+}
+
+.progress {
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  
+  background-color: $active-red;
+  transition-duration: 0.3s; 
+  transition-property: width;
 }