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

#1385

Browse Source
This commit is contained in:
Andreas Schickinger
2021-02-02 15:31:34 +01:00
parent 384b4f00a6
commit 32943dc9f6
2 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,18 +19,13 @@
</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"
[class.mobile]="isMobile && !input?.value?.length"
*ngIf="searchState === 'fetching'"
icon="spinner"
size="32px"
></ui-icon>
<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>

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

@@ -15,12 +15,13 @@ ui-searchbox {
&.scan {
@apply bg-brand text-white;
}
&.hide {
@apply bg-white;
}
.spin {
@apply bg-white text-ucla-blue;
&.mobile {
@apply text-white bg-transparent;
}
}
}