feat: system tray icons custom cell width/height

Author: luisbocanegra

package/contents/ui/code/globals.js

@@ -323,6 +323,8 @@ const defaultConfig = {
         needsAttention: baseTrayConfig,
         expanded: baseTrayConfig,
         wideTrayArrow: false,
+        customCellSizeEnabled: false,
+        customCellSize: 22,
     },
     nativePanel: {
         background: {

package/contents/ui/components/FormWidgetSettings.qml

@@ -2,6 +2,7 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 import org.kde.kirigami as Kirigami
+import org.kde.plasma.core as PlasmaCore
 import org.kde.plasma.plasmoid
 import "../code/enum.js" as Enum
 import "../code/utils.js" as Utils
@@ -28,6 +29,13 @@ ColumnLayout {
 
     property bool showFontConfig: elementName === "" || elementName === "widgets"
 
+    readonly property bool vertical: {
+        if (Plasmoid.formFactor == PlasmaCore.Types.Vertical) {
+            return true;
+        }
+        return false;
+    }
+
     property var fontsModel: {
         let arr = [];
         const fonts = Qt.fontFamilies();
@@ -250,9 +258,34 @@ ColumnLayout {
                 }
             }
             Kirigami.ContextualHelpButton {
-                toolTipText: i18n("Make the System Tray expand button be the same width as the other tray items")
+                toolTipText: i18n("Make the System Tray expand button use the same size as the other tray items")
+            }
+            visible: elementName === "trayWidgets"
+        }
+
+        RowLayout {
+            visible: root.elementName === "trayWidgets"
+            Kirigami.FormData.label: root.vertical ? i18n("Custom cell height:") : i18n("Custom cell width:")
+            CheckBox {
+                checked: root.config.trayWidgets.customCellSizeEnabled
+                onCheckedChanged: {
+                    root.config.trayWidgets.customCellSizeEnabled = checked;
+                    root.updateConfig();
+                }
+            }
+
+            SpinBox {
+                id: trayCellSize
+                from: 20
+                to: 64
+                stepSize: 2
+                value: root.config.trayWidgets.customCellSize
+                onValueModified: {
+                    root.config.trayWidgets.customCellSize = value;
+                    root.updateConfig();
+                }
+                enabled: root.config.trayWidgets.customCellSizeEnabled
             }
-            visible: elementName === "trayWidgets" && root.elementState === Enum.WidgetStates.Normal
         }
 
         CheckBox {

package/contents/ui/main.qml

@@ -609,6 +609,20 @@ PlasmoidItem {
         switchPreset();
     }
 
+    Binding {
+        target: main.trayGridView
+        property: "cellWidth"
+        value: main.trayWidgetSettings.customCellSize
+        when: (main.trayWidgetSettings.customCellSizeEnabled ?? false) && main.horizontal
+    }
+
+    Binding {
+        target: main.trayGridView
+        property: "cellHeight"
+        value: main.trayWidgetSettings.customCellSize
+        when: (main.trayWidgetSettings.customCellSizeEnabled ?? false) && !main.horizontal
+    }
+
     property Timer trayInitTimer: Timer {
         interval: 100
         onTriggered: {