From 70c355dc711ff8ab249e9878a166340da6b75bec Mon Sep 17 00:00:00 2001 From: Michael Bohlender Date: Tue, 13 Jun 2017 14:24:35 +0200 Subject: visual improvements for addressee editor --- .../kube/contents/ui/AddresseeListEditor.qml | 43 ++++++++++++++++------ 1 file changed, 31 insertions(+), 12 deletions(-) (limited to 'components') diff --git a/components/kube/contents/ui/AddresseeListEditor.qml b/components/kube/contents/ui/AddresseeListEditor.qml index a1fb30d1..a4f1a207 100644 --- a/components/kube/contents/ui/AddresseeListEditor.qml +++ b/components/kube/contents/ui/AddresseeListEditor.qml @@ -71,19 +71,38 @@ Item { } } } - Kube.AutocompleteLineEdit { - id: lineEdit - anchors { - left: parent.left - right: parent.right + + MouseArea { + height: Kube.Units.gridUnit * Kube.Units.smallSpacing * 2 + width: parent.width + hoverEnabled: true + + onClicked: lineEdit.visible = true + + Kube.Label { + text: "Add recipient" + color: Kube.Colors.highlightColor + font.underline: parent.containsMouse } - placeholderText: "Add recepient" - model: root.completer.model - onSearchTermChanged: root.completer.searchString = searchTerm - onAccepted: { - root.added(text); - console.warn("Accepted input: ", text) - clear() + + Kube.AutocompleteLineEdit { + id: lineEdit + anchors { + left: parent.left + right: parent.right + } + + visible: false + + placeholderText: "Add recepient" + model: root.completer.model + onSearchTermChanged: root.completer.searchString = searchTerm + onAccepted: { + root.added(text); + console.warn("Accepted input: ", text) + clear() + visible = false + } } } } -- cgit v1.2.3