diff options
| author |  Sebastian Kügler <sebas@kde.org> | 2015-10-09 05:05:23 +0200 |
|---|---|---|
| committer |  Dirk Hohndel <dirk@hohndel.org> | 2015-10-09 12:51:59 -0700 |
| commit | 38e1dc158922bcf818683f0cf58293b410421c80 (patch) | |
| tree | a1c21c3148661af9e4f676a59488d8a2f77a058f /qt-mobile/TopBar.qml | |
| parent | ac6b267d404f3d3675312b868a74f00c18bab3b2 (diff) | |
| download | subsurface-38e1dc158922bcf818683f0cf58293b410421c80.tar.gz | |
QML-UI: Layout improvements in app list and details header
- fix spacing and sizing in TopBar
- use an anchor layout for the delegate and split out labels and values: this
allows more uniform alignment
- add the subsurface mobile icon to the first page
- various visual touch-ups to taste
Signed-off-by: Sebastian Kügler <sebas@kde.org>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
Diffstat (limited to 'qt-mobile/TopBar.qml')
| -rw-r--r-- | qt-mobile/TopBar.qml | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/qt-mobile/TopBar.qml b/qt-mobile/TopBar.qml index 1edd868c2..da000c469 100644 --- a/qt-mobile/TopBar.qml +++ b/qt-mobile/TopBar.qml @@ -9,31 +9,31 @@ import org.subsurfacedivelog.mobile 1.0 Rectangle { id: topBar - color: "#2C4882" + color: theme.accentColor Layout.fillWidth: true Layout.margins: 0 - Layout.minimumHeight: prefsButton.height * 1.2 + Layout.minimumHeight: prefsButton.height + units.spacing * 2 RowLayout { anchors.bottom: topBar.bottom - anchors.bottomMargin: prefsButton.height * 0.1 + anchors.bottomMargin: units.spacing anchors.left: topBar.left - anchors.leftMargin: prefsButton.height * 0.1 + anchors.leftMargin: units.spacing anchors.right: topBar.right - anchors.rightMargin: prefsButton.height * 0.1 + anchors.rightMargin: units.spacing Button { id: backButton Layout.maximumHeight: prefsButton.height Layout.minimumHeight: prefsButton.height - Layout.preferredWidth: Screen.width * 0.1 + Layout.preferredWidth: units.gridUnit * 2 text: "\u2190" style: ButtonStyle { background: Rectangle { - color: "#2C4882" - implicitWidth: 50 + color: theme.accentColor + implicitWidth: units.gridUnit * 2 } label: Text { id: txt - color: "white" + color: theme.accentTextColor font.pointSize: 18 font.bold: true text: control.text @@ -58,10 +58,10 @@ Rectangle { Text { text: qsTr("Subsurface mobile") font.pointSize: 18 - font.bold: true - color: "white" - anchors.horizontalCenter: parent.horizontalCenter - horizontalAlignment: Text.AlignHCenter + color: theme.accentTextColor + anchors.left: backButton.right + anchors.leftMargin: units.spacing + //horizontalAlignment: Text.AlignHCenter } } } |