@enki-tek/fms-web-components 0.1.20 → 0.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
11
11
|
<span class="navbar-toggler-icon"></span>
|
|
12
12
|
</button>
|
|
13
|
-
<div class="collapse navbar-collapse justify-content-md-end
|
|
13
|
+
<div class="collapse navbar-collapse justify-content-md-end " id="navbarCollapse">
|
|
14
14
|
<slot name="menu"></slot>
|
|
15
15
|
<hr class="my-3 d-md-none">
|
|
16
16
|
<slot name="footer-menu"></slot>
|
|
@@ -679,5 +679,6 @@
|
|
|
679
679
|
@media (max-width: 767.98px) {
|
|
680
680
|
#navbarCollapse {
|
|
681
681
|
height: calc(100vh - 75px);
|
|
682
|
+
overflow: auto;
|
|
682
683
|
}
|
|
683
684
|
}</style>
|
|
@@ -6,6 +6,7 @@ const DEFAULT_PAGE_COUNT = 5;
|
|
|
6
6
|
export let noOfItems = 300;
|
|
7
7
|
export let itemPerPage = 30;
|
|
8
8
|
export let currentPage = 1;
|
|
9
|
+
export let size = "lg";
|
|
9
10
|
let pageCount = Math.ceil(noOfItems / itemPerPage);
|
|
10
11
|
let pagesToShow = pageCount > DEFAULT_PAGE_COUNT ? DEFAULT_PAGE_COUNT : pageCount;
|
|
11
12
|
let pageNumbers = [];
|
|
@@ -48,7 +49,7 @@ function nextPage() {
|
|
|
48
49
|
}
|
|
49
50
|
</script>
|
|
50
51
|
|
|
51
|
-
<Pagination size
|
|
52
|
+
<Pagination {size} ariaLabel="Page navigation example">
|
|
52
53
|
<PaginationItem disabled={currentPage === 1} class="eradius custom-pagination-list">
|
|
53
54
|
<PaginationLink previous href="#" class="custom-pagination-link-add" on:click={prevPage}
|
|
54
55
|
><Icon name="chevron-left" /></PaginationLink
|