summaryrefslogtreecommitdiff
path: root/src/components/_sila/Global/TableToolbar.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/_sila/Global/TableToolbar.vue')
-rw-r--r--src/components/_sila/Global/TableToolbar.vue29
1 files changed, 14 insertions, 15 deletions
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 {