1
0

qml: use closebutton icon for label edit cancel

UI PIN entry dialog
This commit is contained in:
Sander van Grieken
2022-07-14 07:51:36 +02:00
parent 6a74ffe80e
commit 2ea1d88567
4 changed files with 38 additions and 3 deletions

View File

@@ -143,7 +143,7 @@ Pane {
}
ToolButton {
visible: labelContent.editmode
icon.source: '../../icons/delete.png'
icon.source: '../../icons/closebutton.png'
icon.color: 'transparent'
onClicked: labelContent.editmode = false
}

View File

@@ -136,7 +136,7 @@ Pane {
}
ToolButton {
visible: labelContent.editmode
icon.source: '../../icons/delete.png'
icon.source: '../../icons/closebutton.png'
icon.color: 'transparent'
onClicked: labelContent.editmode = false
}

View File

@@ -10,6 +10,8 @@ import "controls"
Dialog {
id: root
title: qsTr('PIN')
width: parent.width * 2/3
height: parent.height * 1/3
@@ -58,6 +60,39 @@ Dialog {
}
}
header: GridLayout {
columns: 2
rowSpacing: 0
Image {
source: "../../icons/lock.png"
Layout.preferredWidth: constants.iconSizeXLarge
Layout.preferredHeight: constants.iconSizeXLarge
Layout.leftMargin: constants.paddingMedium
Layout.topMargin: constants.paddingMedium
Layout.bottomMargin: constants.paddingMedium
}
Label {
text: title
elide: Label.ElideRight
Layout.fillWidth: true
topPadding: constants.paddingXLarge
bottomPadding: constants.paddingXLarge
font.bold: true
font.pixelSize: constants.fontSizeMedium
}
Rectangle {
Layout.columnSpan: 2
Layout.fillWidth: true
Layout.leftMargin: constants.paddingXXSmall
Layout.rightMargin: constants.paddingXXSmall
height: 1
color: Qt.rgba(0,0,0,0.5)
}
}
ColumnLayout {
width: parent.width
height: parent.height

View File

@@ -168,7 +168,7 @@ Pane {
}
ToolButton {
visible: labelContent.editmode
icon.source: '../../icons/delete.png'
icon.source: '../../icons/closebutton.png'
icon.color: 'transparent'
onClicked: labelContent.editmode = false
}