Make hints clickable

Contributes to CL-1151
This commit is contained in:
Ian Paschal 2018-12-17 16:58:51 +01:00
parent 331cd730f1
commit 5c697ab5be

View file

@ -25,7 +25,7 @@ Item
anchors anchors
{ {
right: leftButton.left right: leftButton.left
rightMargin: 12 * screenScaleFactor rightMargin: 12 * screenScaleFactor // TODO: Theme!
left: parent.left left: parent.left
} }
height: parent.height height: parent.height
@ -40,15 +40,20 @@ Item
GradientStop GradientStop
{ {
position: 0.0 position: 0.0
color: "#fff6f6f6" color: "#fff6f6f6" // TODO: Theme!
} }
GradientStop GradientStop
{ {
position: 1.0 position: 1.0
color: "#66f6f6f6" color: "#66f6f6f6" // TODO: Theme!
} }
} }
} }
MouseArea
{
anchors.fill: parent
onClicked: navigateTo(currentIndex - 1)
}
} }
Button Button
@ -58,7 +63,7 @@ Item
{ {
verticalCenter: parent.verticalCenter verticalCenter: parent.verticalCenter
right: centerSection.left right: centerSection.left
rightMargin: 12 * screenScaleFactor rightMargin: 12 * screenScaleFactor // TODO: Theme!
} }
width: 36 * screenScaleFactor // TODO: Theme! width: 36 * screenScaleFactor // TODO: Theme!
height: 72 * screenScaleFactor // TODO: Theme! height: 72 * screenScaleFactor // TODO: Theme!
@ -79,10 +84,10 @@ Item
UM.RecolorImage UM.RecolorImage
{ {
anchors.centerIn: parent anchors.centerIn: parent
width: 18 width: 18 // TODO: Theme!
height: width height: width // TODO: Theme!
sourceSize.width: width sourceSize.width: width // TODO: Theme!
sourceSize.height: width sourceSize.height: width // TODO: Theme!
color: "#152950" // TODO: Theme! color: "#152950" // TODO: Theme!
source: UM.Theme.getIcon("arrow_left") source: UM.Theme.getIcon("arrow_left")
} }
@ -105,7 +110,7 @@ Item
{ {
id: tiles id: tiles
height: childrenRect.height height: childrenRect.height
width: 5 * tileWidth + 4 * tileSpacing width: 5 * tileWidth + 4 * tileSpacing // TODO: Theme!
x: 0 x: 0
z: 0 z: 0
Behavior on x Behavior on x
@ -137,7 +142,7 @@ Item
{ {
verticalCenter: parent.verticalCenter verticalCenter: parent.verticalCenter
left: centerSection.right left: centerSection.right
leftMargin: 12 * screenScaleFactor leftMargin: 12 * screenScaleFactor // TODO: Theme!
} }
width: 36 * screenScaleFactor // TODO: Theme! width: 36 * screenScaleFactor // TODO: Theme!
height: 72 * screenScaleFactor // TODO: Theme! height: 72 * screenScaleFactor // TODO: Theme!
@ -158,10 +163,10 @@ Item
UM.RecolorImage UM.RecolorImage
{ {
anchors.centerIn: parent anchors.centerIn: parent
width: 18 width: 18 // TODO: Theme!
height: width height: width // TODO: Theme!
sourceSize.width: width sourceSize.width: width // TODO: Theme!
sourceSize.height: width sourceSize.height: width // TODO: Theme!
color: "#152950" // TODO: Theme! color: "#152950" // TODO: Theme!
source: UM.Theme.getIcon("arrow_right") source: UM.Theme.getIcon("arrow_right")
} }
@ -174,7 +179,7 @@ Item
anchors anchors
{ {
left: rightButton.right left: rightButton.right
leftMargin: 12 * screenScaleFactor leftMargin: 12 * screenScaleFactor // TODO: Theme!
right: parent.right right: parent.right
} }
height: centerSection.height height: centerSection.height
@ -190,15 +195,20 @@ Item
GradientStop GradientStop
{ {
position: 0.0 position: 0.0
color: "#66f6f6f6" color: "#66f6f6f6" // TODO: Theme!
} }
GradientStop GradientStop
{ {
position: 1.0 position: 1.0
color: "#fff6f6f6" color: "#fff6f6f6" // TODO: Theme!
} }
} }
} }
MouseArea
{
anchors.fill: parent
onClicked: navigateTo(currentIndex + 1)
}
} }
Item Item
@ -223,7 +233,7 @@ Item
color: model.index == currentIndex ? "#777777" : "#d8d8d8" // TODO: Theme! color: model.index == currentIndex ? "#777777" : "#d8d8d8" // TODO: Theme!
radius: Math.floor(width / 2) radius: Math.floor(width / 2)
width: 12 * screenScaleFactor // TODO: Theme! width: 12 * screenScaleFactor // TODO: Theme!
height: width height: width // TODO: Theme!
} }
onClicked: navigateTo(model.index) onClicked: navigateTo(model.index)
} }