status-im
/
status-qml
mirror of
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat/(Status[Base]Button): add a new Primary variant 

we were missing this variant, needed for status-im/status-desktop#6081
This commit is contained in:
Lukáš Tinkl 2022-08-08 14:22:29 +02:00 committed by Lukáš Tinkl
parent fa16c32316
commit b3ceb0aad9
4 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
sandbox/controls/Buttons.qml
View File

@ -17,6 +17,24 @@ Column {
horizontalItemAlignment: Grid.AlignHCenter
// Primary
StatusButton {
text: "Button"
type: StatusBaseButton.Type.Primary
}
StatusButton {
text: "Button"
enabled: false
type: StatusBaseButton.Type.Primary
}
StatusButton {
text: "Button"
loading: true
type: StatusBaseButton.Type.Primary
}
// Large
StatusButton {
text: "Button"

6
src/StatusQ/Controls/StatusBaseButton.qml
View File

@ -15,7 +15,8 @@ Rectangle {
enum Type {
Normal,
Danger
Danger,
Primary
}
property StatusIconSettings icon: StatusIconSettings {
@ -145,7 +146,7 @@ Rectangle {
color: d.textColor
} // Text
} // Ro
} // Row
onPressed: {
@ -172,5 +173,4 @@ Rectangle {
}
}
} // Sensor
}

17
src/StatusQ/Controls/StatusButton.qml
View File

@ -5,13 +5,18 @@ import StatusQ.Core.Theme 0.1
StatusBaseButton {
id: statusButton
normalColor: type === StatusBaseButton.Type.Normal ? Theme.palette.primaryColor3
: Theme.palette.dangerColor3
hoverColor: type === StatusBaseButton.Type.Normal ? Theme.palette.primaryColor2
: Theme.palette.dangerColor2
normalColor: type === StatusBaseButton.Type.Primary ? Theme.palette.primaryColor1 :
type === StatusBaseButton.Type.Normal ? Theme.palette.primaryColor3
: Theme.palette.dangerColor3
hoverColor: type === StatusBaseButton.Type.Primary ? Theme.palette.hoverColor(normalColor) :
type === StatusBaseButton.Type.Normal ? Theme.palette.primaryColor2
: Theme.palette.dangerColor2
disaledColor: Theme.palette.baseColor2
textColor: type === StatusBaseButton.Type.Normal ? Theme.palette.primaryColor1
: Theme.palette.dangerColor1
textColor: type === StatusBaseButton.Type.Primary ? Theme.palette.white :
type === StatusBaseButton.Type.Normal ? Theme.palette.primaryColor1
: Theme.palette.dangerColor1
disabledTextColor: Theme.palette.baseColor1
font.weight: type === StatusBaseButton.Type.Primary ? Font.Medium : Font.Normal
}

4
src/StatusQ/Core/Theme/ThemePalette.qml
View File

@ -100,6 +100,10 @@ QtObject {
property color dropShadow: getColor('black', 0.12)
property color backdropColor: getColor('black', 0.4)
function hoverColor(normalColor) {
return theme.name === "light" ? Qt.darker(normalColor, 1.1) : Qt.lighter(normalColor, 1.1)
}
property color baseColor1
property color baseColor2
property color baseColor3