Moved Volume widget icon sizes to CSS

Author: ErikReider

data/style/widgets/volume.scss

@@ -1,3 +1,7 @@
+:root {
+  --widget-volume-row-icon-size: 24px;
+}
+
 .widget-volume {
   padding: $margin;
   margin: $margin;
@@ -7,6 +11,11 @@
 .widget-volume > box > button {
 }
 
+/* Each row app icon */
+.widget-volume row image {
+  -gtk-icon-size: var(--widget-volume-row-icon-size);
+}
+
 .per-app-volume {
   background-color: var(--noti-bg-alt);
   padding: $margin/2 $margin $margin $margin;

src/configSchema.json

@@ -557,8 +557,9 @@
         },
         "icon-size": {
           "type": "integer",
-          "default": 24,
-          "description": "Size of the application icon in per app volume control"
+          "deprecated": true,
+          "default": -1,
+          "description": "deprecated (change the CSS root variable \"--widget-volume-row-icon-size\"): Size of the application icon in per app volume control"
         },
         "animation-type": {
           "type": "string",

src/controlCenter/widgets/volume/sinkInputRow.vala

@@ -26,7 +26,7 @@ namespace SwayNotificationCenter.Widgets {
             scale.draw_value = false;
             scale.set_hexpand (true);
 
-            icon.pixel_size = icon_size;
+            icon.set_pixel_size (icon_size);
 
             container = new Gtk.Box (Gtk.Orientation.HORIZONTAL, 0);
 

src/controlCenter/widgets/volume/volume.vala

@@ -20,7 +20,9 @@ namespace SwayNotificationCenter.Widgets {
 
         string ? expand_label = null;
         string ? collapse_label = null;
-        int icon_size = 24;
+
+        [Version (deprecated = true, replacement = "CSS root variable")]
+        int icon_size = -1;
 
         Gtk.RevealerTransitionType revealer_type = Gtk.RevealerTransitionType.SLIDE_DOWN;
         int revealer_duration = 250;
@@ -124,8 +126,8 @@ namespace SwayNotificationCenter.Widgets {
 
                 foreach (var item in this.client.active_sinks.values) {
                     SinkInputRow row = new SinkInputRow (item, client,
-                                                             icon_size, show_per_app_icon,
-                                                             show_per_app_label);
+                                                         icon_size, show_per_app_icon,
+                                                         show_per_app_label);
                     list_box_controller.append (row);
                 }