WIP: #6654 VnSubToolbar sticky #157

Closed
jsegarra wants to merge 2 commits from 6654_sticky_custom_toolbar into dev
2 changed files with 23 additions and 6 deletions

View File

@ -516,8 +516,11 @@ const selectSalesPersonId = (id) => {
<div id="st-actions"></div> <div id="st-actions"></div>
</QToolbar> </QToolbar>
<QPage class="column items-center q-pa-md"> <QPage class="column items-center q-pa-md"
<QTable style="min-height:auto;max-height: 80vh"
>
<QTable
style="min-height: 77vh"
:columns="columns" :columns="columns"
:pagination="{ rowsPerPage: 12 }" :pagination="{ rowsPerPage: 12 }"
:rows="rows" :rows="rows"
@ -558,7 +561,7 @@ const selectSalesPersonId = (id) => {
</template> </template>
</QTable> </QTable>
</QPage> </QPage>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.col-content { .col-content {

View File

@ -129,7 +129,8 @@ const downloadCsv = () => {
url="InvoiceOuts/filter" url="InvoiceOuts/filter"
> >
<template #body="{ rows }"> <template #body="{ rows }">
<QToolbar class="bg-vn-dark justify-end"> <QHeader>
<QToolbar class="bg-vn-dark justify-end" >
<div id="st-actions"> <div id="st-actions">
<QBtn <QBtn
@click="downloadCsv()" @click="downloadCsv()"
@ -179,10 +180,12 @@ const downloadCsv = () => {
class="q-mr-md" class="q-mr-md"
/> />
</div> </div>
</QToolbar> </QToolbar></QHeader>
<QPageContainer>
<div class="flex flex-center q-pa-md"> <div class="flex flex-center q-pa-md">
<div class="card-list"> <div class="card-list">
<CardList <CardList
:element="row" :element="row"
:id="row.id" :id="row.id"
:show-checkbox="true" :show-checkbox="true"
@ -240,7 +243,7 @@ const downloadCsv = () => {
</template> </template>
</CardList> </CardList>
</div> </div>
</div> </div></QPageContainer>
</template> </template>
</VnPaginate> </VnPaginate>
</QPage> </QPage>
@ -251,8 +254,19 @@ const downloadCsv = () => {
width: 100%; width: 100%;
max-width: 60em; max-width: 60em;
} }
.fixed-top{
top:50px;
}
.q-toolbar{
padding-top: 10px;
}
.q-header {
position: sticky;
}
</style> </style>
<i18n> <i18n>
en: en:
searchInvoice: Search issued invoice searchInvoice: Search issued invoice