diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.html b/src-ui/src/app/components/app-frame/global-search/global-search.component.html
index 8b481b0a5..956b6681c 100644
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.html
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.html
@@ -5,7 +5,13 @@
- ⌘K
+
+
⌘K
+ @if (loading) {
+
+ }
+
+
diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
index 411dfec65..9e08f3664 100644
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
@@ -14,8 +14,9 @@ form {
}
&:focus-within {
- i-bs {
- display: none;
+ i-bs,
+ .badge {
+ display: none !important;
}
.form-control::placeholder {
diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.ts b/src-ui/src/app/components/app-frame/global-search/global-search.component.ts
index c37e02c12..7d8992677 100644
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.ts
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.ts
@@ -44,6 +44,7 @@ export class GlobalSearchComponent {
public queryDebounce: Subject
public searchResults: GlobalSearchResult
private currentItemIndex: number = -1
+ public loading: boolean = false
@ViewChild('searchInput') searchInput: ElementRef
@ViewChild('resultsDropdown') resultsDropdown: NgbDropdown
@@ -103,8 +104,10 @@ export class GlobalSearchComponent {
}
private search(query: string) {
+ this.loading = true
this.searchService.globalSearch(query).subscribe((results) => {
this.searchResults = results
+ this.loading = false
this.resultsDropdown.open()
})
}