Mercurial > gemma
changeset 5290:da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Wed, 08 Jul 2020 15:04:14 +0200 |
parents | 002e57f99dc9 |
children | d62587503a39 |
files | client/src/components/importoverview/AdditionalLog.vue client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue |
diffstat | 2 files changed, 22 insertions(+), 10 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue Tue Jul 07 10:04:29 2020 +0200 +++ b/client/src/components/importoverview/AdditionalLog.vue Wed Jul 08 15:04:14 2020 +0200 @@ -5,7 +5,11 @@ { split: showAdditional } ]" > - <virtual-list :size="scrollistConfig.size" :remain="scrollistConfig.remain"> + <virtual-list + :size="scrollistConfig.size" + :remain="scrollistConfig.remain" + :bench="scrollistConfig.bench" + > <Item class="d-flex flex-row px-2 border-top" v-for="item in details.entries" @@ -57,12 +61,14 @@ ...mapState("imports", ["showAdditional", "details"]), scrollistConfig() { const smallLayout = { - size: 10, - remain: 20 + size: 20, + remain: 10, + bench: 12 }; const largeLayout = { - size: 12, - remain: 22 + size: 22, + remain: 12, + bench: 14 }; if (this.showAdditional) return smallLayout; return largeLayout;
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue Tue Jul 07 10:04:29 2020 +0200 +++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue Wed Jul 08 15:04:14 2020 +0200 @@ -6,7 +6,11 @@ split: showLogs }" > - <virtual-list :size="scrollistConfig.size" :remain="scrollistConfig.remain"> + <virtual-list + :size="scrollistConfig.size" + :remain="scrollistConfig.remain" + :bench="scrollistConfig.bench" + > <Item class="d-flex flex-row px-2 border-top" v-for="(item, index) in details.summary" @@ -82,12 +86,14 @@ ...mapState("imports", ["showLogs", "details"]), scrollistConfig() { const smallLayout = { - size: 10, - remain: 20 + size: 20, + remain: 10, + bench: 12 }; const largeLayout = { - size: 12, - remain: 22 + size: 22, + remain: 12, + bench: 14 }; if (this.showAdditional) return smallLayout; return largeLayout;