sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

#1385 Load Spinner Styling angepasst

Browse Source
This commit is contained in:
Andreas Schickinger
2021-02-02 15:27:38 +01:00
parent 10818c6d09
commit 384b4f00a6
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,13 +24,19 @@
(click)="startSearch()"
[disabled]="searchState === 'fetching' || (search.queryFilterEmpty$ | async)"
>
<ui-icon class="spin" *ngIf="searchState === 'fetching'" icon="spinner" size="32px"></ui-icon>
<ui-icon
class="spin"
[class.mobile]="isMobile && !input?.value?.length"
*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

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

@@ -17,6 +17,10 @@ ui-searchbox {
}
.spin {
@apply bg-white text-ucla-blue;
&.mobile {
@apply text-white bg-transparent;
}
}
}