diff options
Diffstat (limited to 'src/components/Global/TableToolbar.vue')
-rw-r--r-- | src/components/Global/TableToolbar.vue | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue index 5235feae..3ac8e2ce 100644 --- a/src/components/Global/TableToolbar.vue +++ b/src/components/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> @@ -69,17 +69,19 @@ export default { </script> <style lang="scss" scoped> -$toolbar-height: 46px; +$toolbar-height: 64px; .toolbar-container { width: 100%; - position: relative; + 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; @@ -87,7 +89,9 @@ $toolbar-height: 46px; 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); } .toolbar-selected { |