Make the search message dialog header way prettier, like it is in KCMs
I think I've heard of this before...
This commit is contained in:
@@ -26,22 +26,36 @@ Kirigami.ScrollablePage {
|
|||||||
room: root.currentRoom
|
room: root.currentRoom
|
||||||
}
|
}
|
||||||
|
|
||||||
header: RowLayout {
|
header: QQC2.Control {
|
||||||
Kirigami.SearchField {
|
padding: Kirigami.Units.largeSpacing
|
||||||
id: searchField
|
|
||||||
focus: true
|
background: Rectangle {
|
||||||
Layout.topMargin: Kirigami.Units.smallSpacing
|
color: Kirigami.Theme.backgroundColor
|
||||||
Layout.leftMargin: Kirigami.Units.smallSpacing
|
|
||||||
Layout.fillWidth: true
|
Kirigami.Separator {
|
||||||
Keys.onEnterPressed: searchButton.clicked()
|
anchors {
|
||||||
Keys.onReturnPressed: searchButton.clicked()
|
left: parent.left
|
||||||
|
bottom: parent.bottom
|
||||||
|
right: parent.right
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
QQC2.Button {
|
|
||||||
id: searchButton
|
contentItem: RowLayout {
|
||||||
Layout.topMargin: Kirigami.Units.smallSpacing
|
spacing: Kirigami.Units.largeSpacing
|
||||||
Layout.rightMargin: Kirigami.Units.smallSpacing
|
|
||||||
onClicked: searchModel.search()
|
Kirigami.SearchField {
|
||||||
icon.name: "search"
|
id: searchField
|
||||||
|
focus: true
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Keys.onEnterPressed: searchButton.clicked()
|
||||||
|
Keys.onReturnPressed: searchButton.clicked()
|
||||||
|
}
|
||||||
|
QQC2.Button {
|
||||||
|
id: searchButton
|
||||||
|
onClicked: searchModel.search()
|
||||||
|
icon.name: "search"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user