New backup 2025-07-18 20:00:01

de/home/.config/eww/eww.scss

@@ -315,6 +315,10 @@ $home-widget-border-hover-color: rgba($color5,0.3);
       }
 //      margin-left: 10px;
     }
+    .art-button-overlay {
+      background-color: rgba($color0,0.5);
+      color: $color5;
+    }
     .nowplayingart {
       margin: 20px 0px 20px 20px;
 //      margin-right: 0px;

de/home/.config/eww/modules/home/nowplayingart.yuck

@@ -6,6 +6,7 @@
                                'scripts/home/nowplaying-artist.sh')
 
 (defvar large_album_art false)
+(defvar small_art_overlay false)
 (defwidget nowplayingbar []
 ;  (centerbox
   (box
@@ -15,17 +16,25 @@
     :halign "center"
     :width 300
     :height 100
-    (button
+    (eventbox
       :visible {!large_album_art}
-      :height 100
-      :width 100
-      :valign "cs"
-      :halign "fill"
-      :hexpand false
-      :vexpand false
-      (nowplayingart))
-;    (label :width 0
-;           :text "")
+      :onhover '${EWW_CMD} update small_art_overlay=true'
+      :onhoverlost '${EWW_CMD} update small_art_overlay=false'
+      (button
+        :height 100
+        :width 100
+        :valign "cs"
+        :halign "fill"
+        :hexpand false
+        :vexpand false
+        :onclick '${EWW_CMD} update large_album_art=true'
+        (overlay
+          (nowplayingart)
+          (label :class "art-button-overlay"
+                 :height 100
+                 :width 100
+                 :visible {small_art_overlay}
+                 :text ""))))
     (box
       :class "mediadetails ${large_album_art ? 'fullwidth' : ''}"
       :orientation "v"
@@ -70,7 +79,7 @@
   (box
     :class "nowplayingart"
     :hexpand false
-    :width 100
-    :height 100
+;    :width 100
+;    :height 100
 ;    :path '${nowplaying_imgpath}'))
     :style "background-image: url('${nowplaying_imgpath}');"))