From cc41dca1241e3492ad471362348c111a14fa31c3 Mon Sep 17 00:00:00 2001
From: Erik <erikjulius2701@yahoo.de>
Date: Sun, 26 Sep 2021 21:26:30 +0200
Subject: [PATCH 1/5] Add transition to progress bar & slider

---
 user.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/user.css b/user.css
index 40f9fc5..a5df075 100644
--- a/user.css
+++ b/user.css
@@ -426,6 +426,14 @@ html.sidebar-hide-text .GlueDropTarget span {
     --bg-color: rgba(var(--spice-rgb-text), .2);
 }
 
+.x-progressBar-progressBarBg > div:first-child > div {
+	transition: transform 0.2s ease;
+}
+
+.progress-bar__slider {
+	transition: left 0.2s ease;
+}
+
 .minimal-player .player-controls__buttons {
     width: 120px;
     gap: 0px;

From 3133b24ea4d879fcfa9532fabde2582fd87c98aa Mon Sep 17 00:00:00 2001
From: Erik <erikjulius2701@yahoo.de>
Date: Sun, 26 Sep 2021 22:04:36 +0200
Subject: [PATCH 2/5] Fix progress bar dragging being slow / having the
 transition too

---
 user.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/user.css b/user.css
index a5df075..4726041 100644
--- a/user.css
+++ b/user.css
@@ -5,7 +5,7 @@
     --main-corner-radius: 10px;
     --scrollbar-vertical-size: 8px;
     --cover-border-radius: 8px;
-    --os-windows-icon-dodge: 0;
+    --os-windows-icon-dodge: 1;
 }
 
 @font-face {
@@ -426,11 +426,11 @@ html.sidebar-hide-text .GlueDropTarget span {
     --bg-color: rgba(var(--spice-rgb-text), .2);
 }
 
-.x-progressBar-progressBarBg > div:first-child > div {
+.progress-bar:not(:active) .x-progressBar-progressBarBg > div:first-child > div {
 	transition: transform 0.2s ease;
 }
 
-.progress-bar__slider {
+.progress-bar:not(:active) .progress-bar__slider {
 	transition: left 0.2s ease;
 }
 

From a489db6ba686c803dc3a8c7a2fca454761bf741c Mon Sep 17 00:00:00 2001
From: Erik <erikjulius2701@yahoo.de>
Date: Sun, 26 Sep 2021 22:11:11 +0200
Subject: [PATCH 3/5] Fix dragging progress bar tooltip hiding when mouse moves
 too far up / down.

---
 user.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/user.css b/user.css
index 4726041..ccf2c5e 100644
--- a/user.css
+++ b/user.css
@@ -597,6 +597,11 @@ li.GlueDropTarget {
     transition: opacity,left 0.2s ease;
 }
 
+.playback-bar:active .prog-tooltip {
+	opacity: 1;
+    transition: none;
+}
+
 .playback-bar:hover .prog-tooltip {
     opacity: 1;
 }

From 79a8fb1d54fbb2a2f60f774817a2002537e2716a Mon Sep 17 00:00:00 2001
From: Erik <erikjulius2701@yahoo.de>
Date: Sun, 26 Sep 2021 22:20:17 +0200
Subject: [PATCH 4/5] change --os-windows-icon-dodge back to 0

---
 user.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/user.css b/user.css
index ccf2c5e..9c51231 100644
--- a/user.css
+++ b/user.css
@@ -5,7 +5,7 @@
     --main-corner-radius: 10px;
     --scrollbar-vertical-size: 8px;
     --cover-border-radius: 8px;
-    --os-windows-icon-dodge: 1;
+    --os-windows-icon-dodge: 0;
 }
 
 @font-face {

From 7ee65d3c925b12609b6e12002f96d7467f233f09 Mon Sep 17 00:00:00 2001
From: Erik <erikjulius2701@yahoo.de>
Date: Sun, 26 Sep 2021 22:38:26 +0200
Subject: [PATCH 5/5] fix tabs

---
 user.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/user.css b/user.css
index 9c51231..906eb1f 100644
--- a/user.css
+++ b/user.css
@@ -427,11 +427,11 @@ html.sidebar-hide-text .GlueDropTarget span {
 }
 
 .progress-bar:not(:active) .x-progressBar-progressBarBg > div:first-child > div {
-	transition: transform 0.2s ease;
+    transition: transform 0.2s ease;
 }
 
 .progress-bar:not(:active) .progress-bar__slider {
-	transition: left 0.2s ease;
+    transition: left 0.2s ease;
 }
 
 .minimal-player .player-controls__buttons {
@@ -598,7 +598,7 @@ li.GlueDropTarget {
 }
 
 .playback-bar:active .prog-tooltip {
-	opacity: 1;
+    opacity: 1;
     transition: none;
 }