@@ -26,6 +26,7 @@ Item {
2626 implicitHeight: headerContainer.height + bottomContainer.height + signatureLineHeight
2727 readonly property real signatureLineHeight: showSignatureLine ? units.gu(2) : 0
2828
29+ property int activeFiltersCount: 0
2930 property bool scopeHasFilters: false
3031 property bool showBackButton: false
3132 property bool backIsClose: false
@@ -206,31 +207,42 @@ Item {
206207 text: root.navigationTag
207208 }
208209
209− secondaryItem: AbstractButton {
210− id: clearOrSettingsButton
210+ secondaryItem: Row {
211211 height: searchTextField.height
212− width: height
213− enabled: searchTextField.text.length > 0 || root.navigationTag != ""
214−
215− Image {
216− objectName: "clearIcon"
217− anchors.fill: parent
218− anchors.margins: units.gu(.75)
219− source: searchTextField.clearIsSettings ? "image://theme/settings" : "image://theme/clear"
220− opacity: parent.enabled
221− visible: opacity > 0
222− Behavior on opacity {
223− UbuntuNumberAnimation { duration: UbuntuAnimation.FastDuration }
212+
213+ AbstractButton {
214+ id: clearOrSettingsButton
215+ height: parent.height
216+ width: height
217+ enabled: searchTextField.text.length > 0 || root.navigationTag != ""
218+
219+ Image {
220+ objectName: "clearIcon"
221+ anchors.fill: parent
222+ anchors.margins: units.gu(.75)
223+ source: searchTextField.clearIsSettings ? "image://theme/settings" : "image://theme/clear"
224+ opacity: parent.enabled
225+ visible: opacity > 0
226+ Behavior on opacity {
227+ UbuntuNumberAnimation { duration: UbuntuAnimation.FastDuration }
228+ }
224229 }
225− }
226230
227− onClicked: {
228− if (searchTextField.clearIsSettings) {
229− root.showFiltersPopup(clearOrSettingsButton);
230− } else {
231− root.clearSearch(true);
231+ onClicked: {
232+ if (searchTextField.clearIsSettings) {
233+ root.showFiltersPopup(clearOrSettingsButton);
234+ } else {
235+ root.clearSearch(true);
236+ }
232237 }
233238 }
239+
240+ Label {
241+ visible: searchTextField.clearIsSettings && root.activeFiltersCount > 0
242+ height: parent.height
243+ text: root.activeFiltersCount
244+ verticalAlignment: Text.AlignVCenter
245+ }
234246 }
235247
236248 onActiveFocusChanged: {