diff --git a/core/src/components/GlobalSearch/SearchFilterChip.vue b/core/src/components/GlobalSearch/SearchFilterChip.vue
index c58f1f079a486..08e0dedfe14b0 100644
--- a/core/src/components/GlobalSearch/SearchFilterChip.vue
+++ b/core/src/components/GlobalSearch/SearchFilterChip.vue
@@ -52,6 +52,7 @@ export default {
width: 20px;
padding: 2px;
border-radius: 20px;
+ filter: var(--background-invert-if-bright);
}
}
@@ -63,8 +64,7 @@ export default {
cursor: pointer;
:hover {
- border-radius: 4px;
- padding: 1px;
+ filter: invert(20%);
}
}
}
diff --git a/core/src/components/GlobalSearch/SearchableList.vue b/core/src/components/GlobalSearch/SearchableList.vue
index fa4576af60ee6..98c4c2675d4c6 100644
--- a/core/src/components/GlobalSearch/SearchableList.vue
+++ b/core/src/components/GlobalSearch/SearchableList.vue
@@ -25,7 +25,7 @@
@show="opened = true"
@hide="opened = false">
-
+
+
@@ -257,7 +259,7 @@ export default {
if (filters.personFilterIsApplied) {
if (provider.filters.person) {
- params.person = this.personFilter.id
+ params.person = this.personFilter.user
} else {
// Person filter is applied but provider does not support it, no need to search provider
return
@@ -378,7 +380,7 @@ export default {
this.providerActionMenuIsOpen = false
const existingFilter = this.filteredProviders.find(existing => existing.id === providerFilter.id)
if (!existingFilter) {
- this.filteredProviders.push({ id: providerFilter.id, name: providerFilter.name, icon: providerFilter.icon, type: 'provider' })
+ this.filteredProviders.push({ id: providerFilter.id, name: providerFilter.name, icon: providerFilter.icon, type: 'provider', filters: providerFilter.filters })
}
this.filters = this.syncProviderFilters(this.filters, this.filteredProviders)
console.debug('Search filters (newly added)', this.filters)
@@ -397,9 +399,13 @@ export default {
} else {
for (let i = 0; i < this.filters.length; i++) {
- if (this.filters[i].id === 'date') {
+ // Remove date and person filter
+ if (this.filters[i].id === 'date' || this.filters[i].id === filter.id) {
this.dateFilterIsApplied = false
this.filters.splice(i, 1)
+ if (filter.type === 'person') {
+ this.personFilterIsApplied = false
+ }
break
}
}
@@ -520,27 +526,28 @@ $margin: 10px;
&__filters {
display: flex;
- padding-top: 5px;
- justify-content: space-between;
-
- >*:not(:last-child) {
- // flex: 1;
- margin-right: 0.5m;
- }
+ padding-top: 4px;
+ justify-content: left;
>* {
- button {
- min-width: 160px;
- }
+ margin-right: 4px;
+
}
}
&__filters-applied {
+ padding-top: 4px;
display: flex;
flex-wrap: wrap;
}
+ &__no-search {
+ display: flex;
+ align-items: center;
+ height: 100%;
+ }
+
&__results {
padding: 10px;