From 11e89d411ba1cc77ef89ccf65f301302c3c3d566 Mon Sep 17 00:00:00 2001
From: darkthemer <111078063+darkthemer@users.noreply.github.com>
Date: Fri, 9 Aug 2024 00:30:22 +0800
Subject: [PATCH] fix(text): make a few style changes (#1100)

---
 text/user.css | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/text/user.css b/text/user.css
index 35d026e..63e039d 100644
--- a/text/user.css
+++ b/text/user.css
@@ -48,6 +48,7 @@
     --border-radius: 0px;
     --border-width: 1px;
     --border-style: solid; /* dotted | dashed | solid | double | groove | ridge | inset | outset */
+    --border-transition: 0.2s ease; /* 'none' to disable  */
 }
 
 /* font */
@@ -273,15 +274,18 @@
 .Root__main-view,
 .Root__now-playing-bar,
 .Root__right-sidebar:has(aside:not(:empty)) {
-    border: var(--border-width) var(--border-style) var(--spice-border-inactive);
+    border: var(--border-width) var(--border-style);
+    border-color: var(--spice-border-inactive);
     border-radius: var(--border-radius);
     background-color: var(--spice-main);
+    transition: border-color var(--border-transition);
 }
 .main-yourLibraryX-entryPoints:hover,
 .Root__main-view:hover,
 .Root__now-playing-bar:hover,
 .Root__right-sidebar:has(aside:not(:empty)):hover {
-    border: var(--border-width) var(--border-style) var(--spice-border-active);
+    border: var(--border-width) var(--border-style);
+    border-color: var(--spice-border-active);
 }
 
 /* pane headers */
@@ -299,6 +303,7 @@
     background: var(--spice-main);
     padding: 0 3px;
     z-index: 9;
+    transition: color var(--border-transition);
 }
 .Root__nav-bar .main-yourLibraryX-entryPoints:nth-child(1)::before {
     content: "Pages";
@@ -597,6 +602,14 @@
     width: 32px !important;
 }
 
+/* left nowplaying text */
+.main-nowPlayingBar-left {
+    padding-inline-start: 0;
+}
+.main-nowPlayingWidget-trackInfo {
+    margin: 0;
+}
+
 /* volume bar */
 .volume-bar__slider-container .x-progressBar-fillColor,
 .volume-bar__slider-container
@@ -629,6 +642,7 @@
 .player-controls__buttons,
 .main-nowPlayingBar-extraControls {
     opacity: 0.25;
+    transition: opacity var(--border-transition);
 }
 .player-controls__buttons:hover,
 .main-nowPlayingBar-extraControls:hover {
@@ -672,7 +686,7 @@
     content: "\21BB\2474";
 }
 .main-shuffleButton-button > svg,
-.ecHWOS svg,
+.player-controls__left .ecHWOS svg,
 .main-skipBackButton-button > svg,
 .main-playPauseButton-button > svg,
 .main-skipForwardButton-button > svg,