scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-03-05 20:23:16 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix cards scrolling [SCI-10467] (#7325)

Browse source
This commit is contained in:
aignatov-bio 2024-03-20 10:11:00 +01:00 committed by GitHub
parent 19ade498b1
commit 44c8ccb3b0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/javascript/vue/shared/datatable/table.vue
View file

@ -1,6 +1,9 @@
<template>
<div v-if="!stateLoading" class="flex flex-col h-full" :class="{'pb-4': windowScrollerSeen && selectedRows.length === 0}">
<div class="relative flex flex-col flex-grow z-10">
<div
class="relative flex flex-col flex-grow z-10"
:class="{'overflow-y-hidden pb-20': currentViewRender === 'cards'}"
>
<Toolbar
:toolbarActions="toolbarActions"
@toolbar:action="emitAction"
@ -31,7 +34,7 @@
</div>
<div v-else class="w-full h-full">
<div v-if="currentViewRender === 'cards'" ref="cardsContainer" @scroll="handleScroll"
class="flex-grow basis-64 overflow-y-auto overflow-x-visible p-2 -ml-2">
class="flex-grow basis-64 overflow-y-auto h-full overflow-x-visible p-2 -ml-2">
<div class="grid gap-4" :class="gridColsClass">
<slot v-for="element in rowData" :key="element.id" name="card" :dtComponent="this" :params="element"></slot>
</div>