added back forward and back button on nav bar

This commit is contained in:
Faye Li 2017-03-20 15:57:59 -07:00
parent b6bf58d5be
commit 1d095b8158

View file

@ -87,26 +87,12 @@ Item {
width: 480 width: 480
height: 70 height: 70
gradient: Gradient {
GradientStop {
position: 0
color: "#c2ced8"
}
GradientStop {
position: 1
color: "#c2ced8"
}
}
anchors { anchors {
top: parent.top top: parent.top
right: parent.right right: parent.right
left: parent.left left: parent.left
} }
ToolbarButton { ToolbarButton {
id: homeButton id: homeButton
imageURL: "../../../images/home.svg" imageURL: "../../../images/home.svg"
@ -120,10 +106,40 @@ Item {
verticalCenter: parent.verticalCenter verticalCenter: parent.verticalCenter
} }
} }
ToolbarButton {
id: backArrow;
imageURL: "../../../images/backward.svg";
onClicked: addressBarDialog.loadBack();
anchors {
left: homeButton.right
verticalCenter: parent.verticalCenter
}
}
ToolbarButton {
id: forwardArrow;
imageURL: "../../../images/forward.svg";
onClicked: addressBarDialog.loadForward();
anchors {
left: backArrow.right
verticalCenter: parent.verticalCenter
}
}
}
Rectangle {
id: addressBar
width: 480
height: 70
anchors {
top: navBar.bottom
right: parent.right
left: parent.left
}
property int inputAreaHeight: 70 property int inputAreaHeight: 70
property int inputAreaStep: (height - inputAreaHeight) / 2 property int inputAreaStep: (height - inputAreaHeight) / 2
HifiStyles.RalewayLight { HifiStyles.RalewayLight {
id: notice; id: notice;
font.pixelSize: hifi.fonts.pixelSize * 0.50; font.pixelSize: hifi.fonts.pixelSize * 0.50;
anchors { anchors {
@ -147,10 +163,10 @@ Item {
focus: true focus: true
anchors { anchors {
bottom: parent.bottom bottom: parent.bottom
left: homeButton.right left: parent.left
right: parent.right right: parent.right
leftMargin: homeButton.width leftMargin: 0
rightMargin: homeButton.width / 2 rightMargin: 0
topMargin: parent.inputAreaStep + (2 * hifi.layout.spacing) topMargin: parent.inputAreaStep + (2 * hifi.layout.spacing)
bottomMargin: parent.inputAreaStep bottomMargin: parent.inputAreaStep
} }
@ -204,7 +220,7 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 0 anchors.leftMargin: 0
anchors.topMargin: 0 anchors.topMargin: 0
anchors.top: navBar.bottom anchors.top: addressBar.bottom
Row { Row {
id: thing id: thing