QML UI: consistent title and attempt of back button for dive details

The back arrow looks terrible. I'm not clear on how this is supposed to be
implemented.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2015-07-27 09:55:18 -07:00
parent 32e5a8d29a
commit 16c6ff0089

View file

@ -1,5 +1,6 @@
import QtQuick 2.3 import QtQuick 2.3
import QtQuick.Controls 1.2 import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import QtQuick.Window 2.2 import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2 import QtQuick.Dialogs 1.2
import QtQuick.Layouts 1.1 import QtQuick.Layouts 1.1
@ -31,22 +32,48 @@ Item {
clip: true clip: true
ColumnLayout { ColumnLayout {
width: parent.width width: parent.width
RowLayout { Rectangle {
Button { id: topBar
text: "Back" color: "#2C4882"
onClicked: { Layout.fillWidth: true
manager.commitChanges( Layout.margins: 0
dive_id, height: backButton.height * 1.2
suit, RowLayout {
buddy, Button {
divemaster, id: backButton
notes Layout.margins: 0.1 * height
) text: "\u2190"
stackView.pop(); style: ButtonStyle {
background: Rectangle {
color: "#4C68A2"
}
label: Text {
id: txt
color: "white"
font.pointSize: 24
font.bold: true
text: control.text
}
}
onClicked: {
manager.commitChanges(
dive_id,
suit,
buddy,
divemaster,
notes
)
stackView.pop();
}
}
Text {
text: qsTr("Subsurface mobile")
font.pointSize: 18
font.bold: true
color: "white"
} }
} }
} }
GridLayout { GridLayout {
id: editorDetails id: editorDetails
width: parent.width width: parent.width