mirror of
https://github.com/subsurface/subsurface.git
synced 2025-02-19 22:16:15 +00:00
QML UI: dynamic button sizes
Butons are sized based in the text printed on them, we want our buttons to have a meaningful minimum size and a preferred size that is similar regardless of screen resolution. Signed-off-by: Joakim Bygdell <j.bygdell@gmail.com> Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
parent
d337def212
commit
10e531d907
2 changed files with 6 additions and 1 deletions
|
@ -4,6 +4,7 @@ import QtQuick.Controls.Styles 1.2
|
|||
import QtQuick.Window 2.2
|
||||
import QtQuick.Dialogs 1.2
|
||||
import QtQuick.Layouts 1.1
|
||||
import QtQuick.Window 2.2
|
||||
import org.subsurfacedivelog.mobile 1.0
|
||||
|
||||
Item {
|
||||
|
@ -44,10 +45,12 @@ Item {
|
|||
Button {
|
||||
id: backButton
|
||||
Layout.margins: 0.1 * height
|
||||
Layout.preferredWidth: Screen.width * 0.1
|
||||
text: "\u2190"
|
||||
style: ButtonStyle {
|
||||
background: Rectangle {
|
||||
color: "#4C68A2"
|
||||
implicitWidth: 50
|
||||
}
|
||||
label: Text {
|
||||
id: txt
|
||||
|
|
|
@ -4,6 +4,7 @@ import QtQuick.Controls.Styles 1.2
|
|||
import QtQuick.Window 2.2
|
||||
import QtQuick.Dialogs 1.2
|
||||
import QtQuick.Layouts 1.1
|
||||
import QtQuick.Window 2.2
|
||||
import org.subsurfacedivelog.mobile 1.0
|
||||
|
||||
ApplicationWindow {
|
||||
|
@ -85,9 +86,10 @@ ApplicationWindow {
|
|||
id: prefsButton
|
||||
text: "\u22ee"
|
||||
anchors.right: parent.right
|
||||
Layout.preferredWidth: Screen.width * 0.1
|
||||
style: ButtonStyle {
|
||||
background: Rectangle {
|
||||
implicitWidth: 72
|
||||
implicitWidth: 50
|
||||
color: "#2C4882"
|
||||
}
|
||||
label: Text {
|
||||
|
|
Loading…
Add table
Reference in a new issue