diff options
Diffstat (limited to 'src/components/_sila/Global/TableToolbar.vue')
-rw-r--r-- | src/components/_sila/Global/TableToolbar.vue | 29 |
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 { |