diff --git a/src/GUI/assets/icons8-clear-symbol-26.png b/src/GUI/assets/icons8-clear-symbol-26.png
new file mode 100644
index 000000000..bacb619bc
Binary files /dev/null and b/src/GUI/assets/icons8-clear-symbol-26.png differ
diff --git a/src/GUI/qml/SearchButton.qml b/src/GUI/qml/SearchButton.qml
index b8ebc59ab..7bf441b2f 100644
--- a/src/GUI/qml/SearchButton.qml
+++ b/src/GUI/qml/SearchButton.qml
@@ -30,6 +30,8 @@ FocusScope
root.search("");
}
+ readonly property bool canClear: (buttonText.text.length > 0)
+
Rectangle
{
id: frame
@@ -41,8 +43,6 @@ FocusScope
border.color: (mouse.containsMouse | active) ? Style.themeColor: Style.minorFrameColor
clip: true
-
-
TextInput {
id: buttonText
anchors.left: parent.left
@@ -86,7 +86,7 @@ FocusScope
Image {
id: searchIcon
- source: clearButtonMouse.containsMouse ? "qrc:///up-down-arrow" :"qrc:///search-icon-small"
+ source: root.canClear ? "qrc:///clear-text-icon" :"qrc:///search-icon-small"
anchors.right: parent.right
anchors.rightMargin: Style.margin
anchors.verticalCenter: parent.verticalCenter
@@ -113,11 +113,9 @@ FocusScope
anchors.right: parent.right
height: parent.height
width: searchIcon.width
- hoverEnabled: true
-
- onClicked: {
- clear();
- }
+ hoverEnabled: root.canClear
+ visible: root.canClear
+ onClicked: clear();
}
Timer {
diff --git a/src/GUI/resources.qrc b/src/GUI/resources.qrc
index 645ef3db7..d0792b86f 100644
--- a/src/GUI/resources.qrc
+++ b/src/GUI/resources.qrc
@@ -108,6 +108,7 @@
qml/ToggleBox.qml
qml/LocationAltitudeRow.qml
qml/CatalogDelegate.qml
+ assets/icons8-clear-symbol-26.png
preview-close.png