status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(SQ/StatusComboBox): Added new variant 

Added variants related to type and size.
This commit is contained in:
Noelia 2023-03-20 17:56:53 +01:00 committed by Noelia
parent 2d22f2f09a
commit b4355f8003
1 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
ui/StatusQ/src/StatusQ/Controls/StatusComboBox.qml
View File

@ -26,6 +26,19 @@ Item {
property string popupContentItemObjectName: ""
property int size: StatusComboBox.Size.Large
property int type: StatusComboBox.Type.Primary
enum Size {
Small,
Large
}
enum Type {
Primary,
Secondary
}
implicitWidth: layout.implicitWidth
implicitHeight: layout.implicitHeight
@ -66,16 +79,24 @@ Item {
background: Rectangle {
implicitHeight: 56
implicitWidth: 448
color: Theme.palette.baseColor2
color: root.type === StatusComboBox.Type.Secondary ? "transparent" : Theme.palette.baseColor2
radius: 8
border.width: !!root.validationError || comboBox.hovered || comboBox.down || comboBox.activeFocus ? 1 : 0
border.color: !!root.validationError
? Theme.palette.dangerColor1
: comboBox.activeFocus
? Theme.palette.primaryColor1
: comboBox.hovered
? Theme.palette.primaryColor2
: "transparent"
border.width: (!!root.validationError || comboBox.hovered || comboBox.down || comboBox.activeFocus || root.type === StatusComboBox.Type.Secondary) ? 1 : 0
border.color: {
if (!!root.validationError)
return Theme.palette.dangerColor1
if (comboBox.activeFocus)
return Theme.palette.primaryColor1
if (comboBox.hovered)
return Theme.palette.primaryColor2
if (root.type === StatusComboBox.Type.Secondary)
return Theme.palette.directColor7
return "transparent"
}
MouseArea {
anchors.fill: parent
@ -96,8 +117,8 @@ Item {
indicator: StatusIcon {
x: comboBox.mirrored ? comboBox.padding : comboBox.width - width - comboBox.padding
y: comboBox.topPadding + (comboBox.availableHeight - height) / 2
width: 24
height: 24
width: root.size === StatusComboBox.Size.Large ? 24 : 16
height: width
icon: "chevron-down"
color: Theme.palette.baseColor1
}
@ -152,7 +173,6 @@ Item {
}
}
StatusBaseText {
id: validationErrorItem
Layout.fillWidth: true