From 4122876a90fee470c4bf6c202f1abbcd7d071b68 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Thu, 19 Oct 2023 10:16:09 +0200
Subject: [PATCH] Fix bottom toolbar for reports [SCI-9518]

---
 app/assets/stylesheets/report_index.scss         | 5 +++--
 app/javascript/vue/components/action_toolbar.vue | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/report_index.scss b/app/assets/stylesheets/report_index.scss
index e03629f05..302497aec 100644
--- a/app/assets/stylesheets/report_index.scss
+++ b/app/assets/stylesheets/report_index.scss
@@ -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 {
diff --git a/app/javascript/vue/components/action_toolbar.vue b/app/javascript/vue/components/action_toolbar.vue
index b4a0ad246..6564ac3f2 100644
--- a/app/javascript/vue/components/action_toolbar.vue
+++ b/app/javascript/vue/components/action_toolbar.vue
@@ -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">