sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 466: #1385 Load Spinner Styling angepasst

Browse Source 
#1385 Load Spinner Styling angepasst
This commit is contained in:
Andreas Schickinger
2021-02-02 15:42:43 +00:00
committed by Lorenz Hilpert
parent 877c3d9f31 32943dc9f6
commit 64accd8d08
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/page/customer/src/lib/customer-search/shared/customer-searchbox/customer-searchbox.component.html
View File

@@ -19,18 +19,19 @@
</button>
<button
[class.scan]="isMobile && !input?.value?.length"
[class.hide]="searchState === 'fetching'"
type="submit"
uiSearchboxSearchButton
(click)="startSearch()"
[disabled]="searchState === 'fetching' || (search.queryFilterEmpty$ | async)"
>
<ui-icon class="spin" *ngIf="searchState === 'fetching'" icon="spinner" size="32px"></ui-icon>
<ng-container *ngIf="searchState !== 'fetching'">
<ui-icon *ngIf="isMobile && !input?.value?.length" icon="scan" size="32px"></ui-icon>
<ui-icon *ngIf="!isMobile || !!input?.value?.length" icon="search" size="24px"></ui-icon>
</ng-container>
</button>
<ui-searchbox-autocomplete uiClickOutside (clicked)="autocomplete.close()" #autocomplete>
<button
uiSearchboxAutocompleteOption

5
apps/page/customer/src/lib/customer-search/shared/customer-searchbox/customer-searchbox.component.scss
View File

@@ -15,6 +15,11 @@ ui-searchbox {
&.scan {
@apply bg-brand text-white;
}
&.hide {
@apply bg-white;
}
.spin {
@apply bg-white text-ucla-blue;
}