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

Add Scroll to Customer Search Result Page

Browse Source
This commit is contained in:
Sebastian
2020-10-01 16:29:48 +02:00
parent e8b068e5a0
commit 08103ab552
4 changed files with 205 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/page/customer/src/lib/customer-search/search-results/search-results.component.html
View File

@@ -1,4 +1,12 @@
<a href="#">
<page-customer-result-card *ngFor="let customer of (search.searchResult$ | async)?.result" [customer]="customer">
</page-customer-result-card>
</a>
<div class="scroll-container">
<a
href="#"
*ngFor="
let customer of (search.searchResult$ | async)?.result;
let last = last
"
>
<page-customer-result-card [customer]="customer" [class.last]="last">
</page-customer-result-card>
</a>
</div>

8
apps/page/customer/src/lib/customer-search/search-results/search-results.component.scss
View File

@@ -1,5 +1,13 @@
.scroll-container {
@apply h-full overflow-y-scroll;
}
page-customer-result-card {
@apply mb-px-10;
&.last {
@apply mb-px-100;
}
}
a {

368
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
tailwind.config.js
View File

@@ -29,6 +29,7 @@ module.exports = {
'px-10': '10px',
'px-15': '15px',
'px-20': '20px',
'px-100': '100px',
},
padding: {
card: '20px',