From f7997e83313311ead0c8b409ae7a1cb8a7cc9ffa Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Sat, 19 Aug 2023 16:59:50 -0400
Subject: [PATCH] feat: add opacity transition to spotify widget

---
 config/eww/quick-settings/quick-settings.scss | 1 +
 config/eww/quick-settings/quick-settings.yuck | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/config/eww/quick-settings/quick-settings.scss b/config/eww/quick-settings/quick-settings.scss
index e293997b..6af857e5 100644
--- a/config/eww/quick-settings/quick-settings.scss
+++ b/config/eww/quick-settings/quick-settings.scss
@@ -138,6 +138,7 @@
 .player {
   margin-top: 6px;
   min-height: 220px;
+  opacity: 0;
 }
 
 .slider-box {
diff --git a/config/eww/quick-settings/quick-settings.yuck b/config/eww/quick-settings/quick-settings.yuck
index 35bdf20b..32cbd4e1 100644
--- a/config/eww/quick-settings/quick-settings.yuck
+++ b/config/eww/quick-settings/quick-settings.yuck
@@ -332,6 +332,8 @@
   (revealer :reveal expand_player
             :transition "slidedown"
     (box :class "player"
+         :style "${expand_player == 'true' ? 'opacity: 1; transition: opacity ${anim_duration}' :
+                                             'opacity: 0; transition: opacity ${anim_duration}'}"
       (playerinfo)
     )
   )