status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-02-11 06:06:30 +00:00
Code Issues Projects Releases Wiki Activity

fix(StatusColorRadioButton): Fixed size as per design (#732)

Browse Source
This commit is contained in:
Igor Sirotin 2022-09-14 16:11:30 +03:00 committed by Michał Cieślak
parent 8be1af7059
commit e9bc96e2a1
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/StatusQ/src/StatusQ/Controls/StatusColorRadioButton.qml
View File

@ -8,11 +8,13 @@ RadioButton {
property string radioButtonColor: "" property string radioButtonColor: ""
property string selectionColor: StatusColors.colors['white'] property string selectionColor: StatusColors.colors['white']
property int diameter: 48 property int diameter: 44
property int selectorDiameter: 20 property int selectorDiameter: 16
implicitWidth: 48 spacing: 0
implicitHeight: 48
implicitWidth: 44
implicitHeight: 44
indicator: Rectangle { indicator: Rectangle {
implicitWidth: control.diameter implicitWidth: control.diameter
@ -21,13 +23,13 @@ RadioButton {
color: radioButtonColor color: radioButtonColor
Rectangle { Rectangle {
anchors.centerIn: parent
width: control.selectorDiameter width: control.selectorDiameter
height: control.selectorDiameter height: control.selectorDiameter
visible: control.checked
radius: width/2 radius: width/2
color: selectionColor color: selectionColor
border.color: StatusColors.colors['grey3'] border.color: StatusColors.colors['grey3']
visible: control.checked
anchors.centerIn: parent
} }
} }
} }

2
ui/StatusQ/src/StatusQ/Controls/StatusColorSelectorGrid.qml
View File

@ -36,6 +36,7 @@ Column {
StatusBaseText { StatusBaseText {
id: title id: title
width: parent.width
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
font.pixelSize: 13 font.pixelSize: 13
color: Theme.palette.baseColor1 color: Theme.palette.baseColor1
@ -46,6 +47,7 @@ Column {
columns: 6 columns: 6
rowSpacing: 16 rowSpacing: 16
columnSpacing: 32 columnSpacing: 32
Repeater { Repeater {
objectName: "statusColorRepeater" objectName: "statusColorRepeater"
model: root.model model: root.model