Adjust CResourceList full height implementation

This commit is contained in:
Jože Fortun
2023-04-20 16:41:11 +02:00
parent decfe7eae6
commit eeac4c05b5
11 changed files with 11 additions and 13 deletions
@@ -58,7 +58,7 @@ th {
}
// custom height for resource lists with buttons
.custom-resource-height {
.custom-resource-list-height {
height: calc(100vh - 115px);
}
@@ -1,11 +1,9 @@
<template>
<b-container
fluid="xl"
class="overflow-auto"
>
<c-content-header
:title="$t('title')"
class="content-header"
/>
<c-resource-list
@@ -26,8 +24,8 @@
nextPagination: $t('admin:general.pagination.next'),
}"
sticky-header
class="h-100"
hide-search
class="custom-resource-height"
>
<template #header>
<c-resource-list-status-filter
@@ -58,8 +58,8 @@
prevPagination: $t('admin:general.pagination.prev'),
nextPagination: $t('admin:general.pagination.next'),
}"
class="custom-resource-height"
sticky-header
class="custom-resource-list-height"
@search="filterList"
>
<template #header>
@@ -30,7 +30,6 @@
:pagination="pagination"
:sorting="sorting"
:items="items"
class="custom-resource-height"
:translations="{
searchPlaceholder: $t('filterForm.query.placeholder'),
notFound: $t('admin:general.notFound'),
@@ -43,6 +42,7 @@
}"
sticky-header
hide-total
class="custom-resource-list-height"
@search="filterList"
>
<template #actions="{ item }">
@@ -49,7 +49,6 @@
:fields="fields"
:items="items"
:row-class="genericRowClass"
class="custom-resource-height"
:translations="{
searchPlaceholder: $t('filterForm.query.placeholder'),
notFound: $t('admin:general.notFound'),
@@ -61,6 +60,7 @@
nextPagination: $t('admin:general.pagination.next'),
}"
sticky-header
class="custom-resource-list-height"
@search="filterList"
>
<template #header>
@@ -37,7 +37,6 @@
:fields="fields"
:items="items"
:row-class="genericRowClass"
class="custom-resource-height"
:translations="{
searchPlaceholder: $t('filterForm.query.placeholder'),
notFound: $t('admin:general.notFound'),
@@ -50,6 +49,7 @@
}"
sticky-header
hide-search
class="custom-resource-list-height"
@search="filterList"
>
<template #header>
@@ -40,7 +40,6 @@
:fields="fields"
:items="items"
:row-class="genericRowClass"
class="custom-resource-height"
:translations="{
searchPlaceholder: $t('filterForm.handle.placeholder'),
notFound: $t('admin:general.notFound'),
@@ -52,6 +51,7 @@
nextPagination: $t('admin:general.pagination.next'),
}"
sticky-header
class="custom-resource-list-height"
@search="filterList"
>
<template #header>
@@ -58,7 +58,6 @@
:fields="fields"
:items="items"
:row-class="rowClass"
class="custom-resource-height"
:translations="{
searchPlaceholder: $t('filterForm.query.placeholder'),
notFound: $t('admin:general.notFound'),
@@ -70,6 +69,7 @@
nextPagination: $t('admin:general.pagination.next'),
}"
sticky-header
class="custom-resource-list-height"
@search="filterList"
>
<template #header>
@@ -27,7 +27,6 @@
:fields="fields"
:items="items"
:row-class="genericRowClass"
class="custom-resource-height"
:translations="{
notFound: $t('admin:general.notFound'),
noItems: $t('admin:general.resource-list.no-items'),
@@ -39,6 +38,7 @@
}"
sticky-header
hide-search
class="custom-resource-list-height"
>
<template #header>
<c-resource-list-status-filter
@@ -69,7 +69,7 @@
nextPagination: $t('admin:general.pagination.next'),
}"
sticky-header
class="custom-resource-height"
class="custom-resource-list-height"
@search="filterList"
>
<template #header>
@@ -77,7 +77,7 @@
nextPagination: $t('admin:general.pagination.next'),
}"
sticky-header
class="custom-resource-height"
class="custom-resource-list-height"
@search="filterList"
>
<template #header>