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() }) }