From f845e8da84dd8497f7771d72ce0cf2c218523648 Mon Sep 17 00:00:00 2001
From: darkthemer <111078063+darkthemer@users.noreply.github.com>
Date: Tue, 6 Jun 2023 01:31:44 +0800
Subject: [PATCH] fix(Blossom): make time visible (#944)

---
 Blossom/user.css | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/Blossom/user.css b/Blossom/user.css
index e9cdcac..40365c5 100644
--- a/Blossom/user.css
+++ b/Blossom/user.css
@@ -137,16 +137,18 @@
 }
 
 .playback-bar {
-    width: 102vw;
-    left: -25px;
-    bottom: 67px;
-    position: relative;
-    cursor: pointer;
-}
-.main-playbackBarRemainingTime-container {
+    width: calc(100% + 82px);
+    left: -41px;
+    bottom: 74px;
     position: absolute;
-    visibility: hidden;
+    cursor: pointer;
+    transition: all 0.5s;
 }
+.playback-bar:hover {
+    width: 100%;
+    left: 0;
+}
+
 .progress-bar {
 	--fg-color: var(--spice-button-active);
 }
@@ -161,7 +163,7 @@
 }
 
 .player-controls__buttons {
-    transform: translateY(15px);
+    margin-bottom: 0;
 }
 
 .main-playPauseButton-button {