From 1272456ab2cb77f29b27f3839563b09a709cbc06 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Wed, 13 Jul 2022 15:46:06 +0300
Subject: move sila-dev to _sila

---
 src/components/_sila/Global/TableToolbar.vue | 29 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 15 deletions(-)

(limited to 'src/components/_sila/Global/TableToolbar.vue')

diff --git a/src/components/_sila/Global/TableToolbar.vue b/src/components/_sila/Global/TableToolbar.vue
index 5235feae..4137d98c 100644
--- a/src/components/_sila/Global/TableToolbar.vue
+++ b/src/components/_sila/Global/TableToolbar.vue
@@ -7,7 +7,7 @@
         </p>
         <div class="toolbar-actions d-flex">
           <slot name="toolbar-buttons"></slot>
-          <b-button
+          <!-- <b-button
             v-for="(action, index) in actions"
             :key="index"
             :data-test-id="`table-button-${action.value}Selected`"
@@ -16,14 +16,14 @@
             @click="$emit('batch-action', action.value)"
           >
             {{ action.label }}
-          </b-button>
-          <b-button
+          </b-button> -->
+          <!-- <b-button
             variant="secondary"
             class="d-block"
             @click="$emit('clear-selected')"
           >
             {{ $t('global.action.cancel') }}
-          </b-button>
+          </b-button> -->
         </div>
       </div>
     </div>
@@ -67,27 +67,26 @@ export default {
   },
 };
 </script>
-
 <style lang="scss" scoped>
-$toolbar-height: 46px;
-
 .toolbar-container {
-  width: 100%;
-  position: relative;
+  width: calc(100vw - 320px);
+  height: $toolbar-height;
+  border-radius: 0px;
+  position: fixed;
+  bottom: 0;
+  right: 0;
   z-index: $zindex-dropdown + 1;
 }
 
 .toolbar-content {
-  height: $toolbar-height;
-  background-color: theme-color('primary');
+  background-color: $white;
   color: $white;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: -$toolbar-height;
   display: flex;
   flex-direction: row;
+  align-items: center;
   justify-content: space-between;
+  box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.06);
+  border-radius: 0px;
 }
 
 .toolbar-selected {
-- 
cgit v1.2.3

