From b6ddb79183f9383fa4c027270fb34ddb4ad37d74 Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Tue, 28 Feb 2023 15:47:06 +0100
Subject: [PATCH] Change the action-toolbar behavior after input from product
 team [SCI-7996]

---
 app/assets/stylesheets/shared/datatable.scss | 27 ++++----------------
 1 file changed, 5 insertions(+), 22 deletions(-)

diff --git a/app/assets/stylesheets/shared/datatable.scss b/app/assets/stylesheets/shared/datatable.scss
index 0df994162..6b5ea33c4 100644
--- a/app/assets/stylesheets/shared/datatable.scss
+++ b/app/assets/stylesheets/shared/datatable.scss
@@ -40,8 +40,7 @@
     align-items: center;
     display: flex;
     flex-wrap: wrap;
-    height: var(--datatable-pagination-row);
-    box-shadow: inset 0 1px 0 $color-concrete;
+    min-height: var(--datatable-pagination-row);
     position: relative;
     width: 100%;
 
@@ -49,34 +48,16 @@
       align-items: center;
       background-color: $color-concrete;
       border-bottom: 1px solid $color-alto;
-      box-shadow: 0px -12px 24px -12px rgba(35, 31, 32, 0.2);
-      border-radius: 6px 6px 0px 0px;
       display: none;
       height: 70px;
       overflow-x: auto;
       padding: 0 1em;
       position: absolute;
-      bottom: var(--datatable-pagination-row);
+      top: 0;
       width: 100%;
-      z-index: 10;
 
       .btn {
-        margin-right: .5em;
-
-        &:focus {
-          box-shadow: 0 0 0 4px $brand-focus;
-        }
-
-        &:not(.btn-primary) {
-          &:hover {
-            background-color: $color-white;
-          }
-
-          &:active {
-            outline-color: transparent;
-            background-color: $color-alto;
-          }
-        }
+        margin-right: .25em;
       }
     }
 
@@ -146,8 +127,10 @@
   }
 
   &.show-actions {
+    --datatable-pagination-row: 139px;
 
     .pagination-row {
+      padding-top: 71px;
 
       .actions-toolbar {
         display: flex;