From 4646ccaa1f0eaeaeaf196e0b318b4546b9f173cb Mon Sep 17 00:00:00 2001
From: Michal Iskierko <michaliskierko@gmail.com>
Date: Tue, 12 Jul 2022 10:31:48 +0200
Subject: [PATCH] feat(StatusColorRadioButton): expose radio button diameter
 property

Issue #5982
---
 .../src/StatusQ/Controls/StatusColorRadioButton.qml    | 10 ++++++----
 .../src/StatusQ/Controls/StatusColorSelectorGrid.qml   |  7 +++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusColorRadioButton.qml b/ui/StatusQ/src/StatusQ/Controls/StatusColorRadioButton.qml
index 489b8b1261..3f0ebd4e66 100644
--- a/ui/StatusQ/src/StatusQ/Controls/StatusColorRadioButton.qml
+++ b/ui/StatusQ/src/StatusQ/Controls/StatusColorRadioButton.qml
@@ -8,19 +8,21 @@ RadioButton {
 
     property string radioButtonColor: ""
     property string selectionColor: StatusColors.colors['white']
+    property int diameter: 48
+    property int selectorDiameter: 20
 
     implicitWidth: 48
     implicitHeight: 48
 
     indicator: Rectangle {
-        implicitWidth: 48
-        implicitHeight: 48
+        implicitWidth: control.diameter
+        implicitHeight: control.diameter
         radius: width/2
         color: radioButtonColor
 
         Rectangle {
-            width: 20
-            height: 20
+            width: control.selectorDiameter
+            height: control.selectorDiameter
             radius: width/2
             color: selectionColor
             border.color: StatusColors.colors['grey3']
diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusColorSelectorGrid.qml b/ui/StatusQ/src/StatusQ/Controls/StatusColorSelectorGrid.qml
index ebc6e67677..8644ff2f66 100644
--- a/ui/StatusQ/src/StatusQ/Controls/StatusColorSelectorGrid.qml
+++ b/ui/StatusQ/src/StatusQ/Controls/StatusColorSelectorGrid.qml
@@ -12,6 +12,9 @@ Column {
     property alias title: title
     property alias columns: grid.columns
 
+    property int diameter: 48
+    property int selectorDiameter: 20
+
     property int selectedColorIndex: 0
     property string selectedColor: ""
     property var model:[ StatusColors.colors['black'],
@@ -46,6 +49,10 @@ Column {
         Repeater {
             model: root.model
             delegate: StatusColorRadioButton {
+                implicitWidth: root.diameter
+                implicitHeight: root.diameter
+                diameter: root.diameter
+                selectorDiameter: root.selectorDiameter
                 checked: index === selectedColorIndex
                 radioButtonColor: root.model[index] || "transparent"
                 onCheckedChanged: {