scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-04 14:44:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix bottom toolbar for reports [SCI-9518]

Browse source
This commit is contained in:
Anton 2023-10-19 10:16:09 +02:00
parent f83f5a8b58
commit 4122876a90
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/assets/stylesheets/report_index.scss
View file

@ -22,6 +22,7 @@
.reports-datatable {
--content-header-size: 3.5rem;
height: calc(100vh - var(--top-navigation-height) - var(--breadcrumbs-navigation-height) - var(--content-header-size));
#reports-table_wrapper {
display: flex;
@ -37,10 +38,10 @@
#reports-table_filter {
margin-left: auto;
}
.dataTables_filter {
display: none;
}
}
}
.dataTables_scroll {

2
app/javascript/vue/components/action_toolbar.vue
View file

@ -1,6 +1,6 @@
<template>
<div v-if="!paramsAreBlank"
class="sn-action-toolbar p-4 w-full absolute rounded-t-md"
class="sn-action-toolbar p-4 w-full fixed bottom-0 rounded-t-md"
:class="{ 'sn-action-toolbar--button-overflow': buttonOverflow }"
:style="`width: ${width}px; bottom: ${bottomOffset}px; transform: translateX(${leftOffset}px)`">
<div class="sn-action-toolbar__actions flex gap-4">