diff --git a/interface/resources/images/address-bar.001.svg b/interface/resources/images/address-bar.001.svg new file mode 100644 index 0000000000..7734b95be5 --- /dev/null +++ b/interface/resources/images/address-bar.001.svg @@ -0,0 +1,81 @@ + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/interface/resources/images/darkgreyarrow.png b/interface/resources/images/darkgreyarrow.png new file mode 100644 index 0000000000..4c9a8a2bbf Binary files /dev/null and b/interface/resources/images/darkgreyarrow.png differ diff --git a/interface/resources/images/lightgreyarrow.png b/interface/resources/images/lightgreyarrow.png new file mode 100644 index 0000000000..1e221f3c73 Binary files /dev/null and b/interface/resources/images/lightgreyarrow.png differ diff --git a/interface/resources/images/lightgreyarrow.svg b/interface/resources/images/lightgreyarrow.svg index defaf8d798..fbe697c3e9 100644 --- a/interface/resources/images/lightgreyarrow.svg +++ b/interface/resources/images/lightgreyarrow.svg @@ -1,3 +1,11 @@ - - -2015-06-12 18:23ZCanvas 1 Navi Bar + + + + + + + + + diff --git a/interface/resources/images/sepline.png b/interface/resources/images/sepline.png new file mode 100644 index 0000000000..959fcee72f Binary files /dev/null and b/interface/resources/images/sepline.png differ diff --git a/interface/resources/qml/AddressBarDialog.qml b/interface/resources/qml/AddressBarDialog.qml index 5cac0da223..1ddce9b04d 100644 --- a/interface/resources/qml/AddressBarDialog.qml +++ b/interface/resources/qml/AddressBarDialog.qml @@ -39,12 +39,13 @@ DialogContainer { Image { id: backgroundImage - source: "../images/address-bar.svg" + source: "../images/address-bar.001.svg" width: 576 * root.scale height: 80 * root.scale property int inputAreaHeight: 56.0 * root.scale // Height of the background's input area property int inputAreaStep: (height - inputAreaHeight) / 2 + /* Image { id: arrowContainer @@ -57,21 +58,50 @@ DialogContainer { topMargin: parent.inputAreaStep + hifi.layout.spacing bottomMargin: parent.inputAreaStep + hifi.layout.spacing } + }*/ + + Image { + id: darkGreyArrowBack + + source: "../images/darkgreyarrow.png" + + anchors { + fill: parent + leftMargin: parent.height + hifi.layout.spacing * 2 + rightMargin: parent.height + hifi.layout.spacing * 60 + topMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing + bottomMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing + } } - //Image { - // id: darkGreyArrowBack + Image { + id: seperator - // source: "../images/darkgreyarrow.svg" + source: "../images/sepline.png" - //anchors { - // fill: parent - // leftMargin: parent.height + hifi.layout.spacing * 4 - // rightMargin: parent.height + hifi.layout.spacing * 55 - // topMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing - // bottomMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing - //} - //} + anchors { + fill: parent + leftMargin: parent.height + hifi.layout.spacing * 7 + rightMargin: parent.height + hifi.layout.spacing * 57 + topMargin: parent.inputAreaStep + hifi.layout.spacing + bottomMargin: parent.inputAreaStep + hifi.layout.spacing + } + } + + + Image { + id: lightGreyArrowForward + + source: "../images/lightgreyarrow.png" + + anchors { + fill: parent + leftMargin: parent.height + hifi.layout.spacing * 10 + rightMargin: parent.height + hifi.layout.spacing * 52 + topMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing + bottomMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing + } + } TextInput { id: addressLine