✨ eww: better user experience with volume menu and control center

eww/widgets/bar/workspaces.yuck

@@ -1,6 +1,12 @@
+(defvar hover_workspaces false)
 
 (defwidget workspaces [] 
-    (eventbox :onscroll "[[ {} == up ]] && hyprctl dispatch workspace e+1 >> /dev/null || hyprctl dispatch workspace e-1 >> /dev/null"
+  (eventbox :onscroll "[[ {} == up ]] && hyprctl dispatch workspace e+1 >> /dev/null || hyprctl dispatch workspace e-1 >> /dev/null"
+            :class "workspaces-eventbox"
+            :onhover "${EWW_CMD} update hover_workspaces=true"
+            :onhoverlost "${EWW_CMD} update hover_workspaces=false"
+    (box :class "workspaces"
       (literal :content literal_workspaces)
     )
+  )
 )

eww/widgets/big-media.yuck

@@ -2,7 +2,7 @@
     (box :class "big-media ${ show-album-bg ? 'album-bg' : '' } ${ show-album-image ? 'album-image' : '' }"
          :style "${ show-album-bg ? 'background-image: image(url(\"${json_media.artUrl}\"))' : '' } ${ 
                   style-background-color != '' ? 'background-color: ${style-background-color}' : '' }"
-         :visible { visible ? true : false}
+         :visible { visible == "" ? true : "${ visible ? true : false }" }
          :space-evenly false
          :orientation "vertical"
 

eww/widgets/control-center/toggles.yuck

@@ -21,7 +21,8 @@
                :enabled { notification_modes =~ "dnd" ? true : false }
                :onenable "makoctl mode -a dnd"
                :ondisable "makoctl mode -r dnd"
-               :visible true)
+               :visible true
+               :class "dnd")
     )
     (box :class "toggles toggles2"
          :visible false
@@ -39,7 +40,7 @@
   (checkbox :onchecked "${onenable}"
             :onunchecked "${ondisable}"
             :checked { enabled == true ? true : false }
-            :class "toggle-checkbox"
+            :class "toggle-checkbox ${class}"
 
     (box :class "toggle"
          :space-evenly false

eww/widgets/volume-control/output-slider.yuck

@@ -9,7 +9,8 @@
                    :orientation "horizontal"
                    :draw-value false
                    :flipped false
-                   :onchange "wpctl set-volume @DEFAULT_AUDIO_SINK@ $(awk -v n={} 'BEGIN { print (n / 100) }')")
+                   :onchange "wpctl set-volume @DEFAULT_AUDIO_SINK@ $(awk -v n={} 'BEGIN { print (n / 100) }')"
+                   :tooltip "${json_volume.output}")
 
             (label :text "󰕾"
                    :xalign 0)

eww/widgets/volume-control/source-slider.yuck

@@ -10,7 +10,8 @@
                    :draw-value false
                    :flipped false
                    :onchange "wpctl set-volume @DEFAULT_AUDIO_SOURCE@ $(awk -v n={} 'BEGIN { print (n / 100) }')"
-                   :class "output-volume-slider")
+                   :class "output-volume-slider"
+                   :tooltip "${json_volume.source}")
 
             (label :text "󰍬"
                    :xalign 0)