feat: Implement minimal volume button replacement using a scale and popover

Signed-off-by: Felicitas Pojtinger <[email protected]>

Author: pojntfx

internal/components/controls.go

@@ -155,7 +155,7 @@ func OpenControlsWindow(
 	buttonHeaderbarSubtitle := builder.GetObject("button-headerbar-subtitle").Cast().(*gtk.Label)
 	playButton := builder.GetObject("play-button").Cast().(*gtk.Button)
 	stopButton := builder.GetObject("stop-button").Cast().(*gtk.Button)
-	volumeButton := builder.GetObject("volume-button").Cast().(*gtk.VolumeButton)
+	volumeScale := builder.GetObject("volume-scale").Cast().(*gtk.Scale)
 	subtitleButton := builder.GetObject("subtitle-button").Cast().(*gtk.Button)
 	audiotracksButton := builder.GetObject("audiotracks-button").Cast().(*gtk.Button)
 	fullscreenButton := builder.GetObject("fullscreen-button").Cast().(*gtk.ToggleButton)
@@ -1373,7 +1373,7 @@ func OpenControlsWindow(
 				}
 			}()
 
-			volumeButton.ConnectValueChanged(func(value float64) {
+			volumeScale.ConnectChangeValue(func(scroll gtk.ScrollType, value float64) (ok bool) {
 				if err := mpvClient.ExecuteMPVRequest(ipcFile, func(encoder *json.Encoder, decoder *json.Decoder) error {
 					log.Info().
 						Float64("value", value).
@@ -1388,8 +1388,10 @@ func OpenControlsWindow(
 				}); err != nil {
 					OpenErrorDialog(ctx, window, err)
 
-					return
+					return false
 				}
+
+				return false
 			})
 
 			subtitleButton.ConnectClicked(func() {

internal/resources/controls.blp

@@ -143,8 +143,14 @@ Adw.ApplicationWindow main-window {
             ]
           }
 
-          VolumeButton volume-button {
-            value: 1;
+          MenuButton {
+            styles [
+              "flat",
+            ]
+
+            icon-name: 'audio-volume-medium';
+            tooltip-text: 'Change audio volume';
+            popover: audiovolume-button-popover;
           }
 
           Button audiotracks-button {
@@ -220,3 +226,25 @@ Popover users-popover {
     }
   }
 }
+
+Popover audiovolume-button-popover {
+  width-request: 250;
+
+  Box {
+    margin-top: 6;
+    margin-bottom: 6;
+    margin-start: 6;
+    margin-end: 6;
+
+    Scale volume-scale {
+      hexpand: true;
+
+      adjustment: Adjustment {
+        step-increment: 0.2;
+        lower: 0;
+        upper: 1;
+        value: 1;
+      };
+    }
+  }
+}