buefy 0.9.21 → 0.9.22

package/src/components/table/TableColumn.vue

@@ -1,121 +1,121 @@
-<script>
-import { toCssWidth } from '../../utils/helpers'
-
-export default {
-    name: 'BTableColumn',
-    inject: {
-        $table: { name: '$table', default: false }
-    },
-    props: {
-        label: String,
-        customKey: [String, Number],
-        field: String,
-        meta: [String, Number, Boolean, Function, Object, Array],
-        width: [Number, String],
-        numeric: Boolean,
-        centered: Boolean,
-        searchable: Boolean,
-        sortable: Boolean,
-        visible: {
-            type: Boolean,
-            default: true
-        },
-        subheading: [String, Number],
-        customSort: Function,
-        customSearch: Function,
-        sticky: Boolean,
-        headerSelectable: Boolean,
-        headerClass: String,
-        cellClass: String,
-        thAttrs: {
-            type: Function,
-            default: () => ({})
-        },
-        tdAttrs: {
-            type: Function,
-            default: () => ({})
-        }
-    },
-    data() {
-        return {
-            newKey: this.customKey || this.label,
-            _isTableColumn: true
-        }
-    },
-    computed: {
-        thClasses() {
-            const attrs = this.thAttrs(this)
-            const classes = [this.headerClass, {
-                'is-sortable': this.sortable,
-                'is-sticky': this.sticky,
-                'is-unselectable': this.isHeaderUnSelectable
-            }]
-            if (attrs && attrs.class) {
-                classes.push(attrs.class)
-            }
-            return classes
-        },
-        thStyle() {
-            const attrs = this.thAttrs(this)
-            const style = [this.style]
-            if (attrs && attrs.style) {
-                style.push(attrs.style)
-            }
-            return style
-        },
-        rootClasses() {
-            return [this.cellClass, {
-                'has-text-right': this.numeric && !this.centered,
-                'has-text-centered': this.centered,
-                'is-sticky': this.sticky
-            }]
-        },
-        style() {
-            return {
-                width: toCssWidth(this.width)
-            }
-        },
-        hasDefaultSlot() {
-            return !!this.$scopedSlots.default
-        },
-        /**
-         * Return if column header is un-selectable
-         */
-        isHeaderUnSelectable() {
-            return !this.headerSelectable && this.sortable
-        }
-    },
-    methods: {
-        getRootClasses(row) {
-            const attrs = this.tdAttrs(row, this)
-            const classes = [this.rootClasses]
-            if (attrs && attrs.class) {
-                classes.push(attrs.class)
-            }
-            return classes
-        },
-        getRootStyle(row) {
-            const attrs = this.tdAttrs(row, this)
-            const style = []
-            if (attrs && attrs.style) {
-                style.push(attrs.style)
-            }
-            return style
-        }
-    },
-    created() {
-        if (!this.$table) {
-            this.$destroy()
-            throw new Error('You should wrap bTableColumn on a bTable')
-        }
-        this.$table.refreshSlots()
-    },
-    beforeDestroy() {
-        this.$table.refreshSlots()
-    },
-    render(createElement) {
-        // renderless
-        return null
-    }
-}
-</script>
+<script>
+import { toCssWidth } from '../../utils/helpers'
+
+export default {
+    name: 'BTableColumn',
+    inject: {
+        $table: { name: '$table', default: false }
+    },
+    props: {
+        label: String,
+        customKey: [String, Number],
+        field: String,
+        meta: [String, Number, Boolean, Function, Object, Array],
+        width: [Number, String],
+        numeric: Boolean,
+        centered: Boolean,
+        searchable: Boolean,
+        sortable: Boolean,
+        visible: {
+            type: Boolean,
+            default: true
+        },
+        subheading: [String, Number],
+        customSort: Function,
+        customSearch: Function,
+        sticky: Boolean,
+        headerSelectable: Boolean,
+        headerClass: String,
+        cellClass: String,
+        thAttrs: {
+            type: Function,
+            default: () => ({})
+        },
+        tdAttrs: {
+            type: Function,
+            default: () => ({})
+        }
+    },
+    data() {
+        return {
+            newKey: this.customKey || this.label,
+            _isTableColumn: true
+        }
+    },
+    computed: {
+        thClasses() {
+            const attrs = this.thAttrs(this)
+            const classes = [this.headerClass, {
+                'is-sortable': this.sortable,
+                'is-sticky': this.sticky,
+                'is-unselectable': this.isHeaderUnSelectable
+            }]
+            if (attrs && attrs.class) {
+                classes.push(attrs.class)
+            }
+            return classes
+        },
+        thStyle() {
+            const attrs = this.thAttrs(this)
+            const style = [this.style]
+            if (attrs && attrs.style) {
+                style.push(attrs.style)
+            }
+            return style
+        },
+        rootClasses() {
+            return [this.cellClass, {
+                'has-text-right': this.numeric && !this.centered,
+                'has-text-centered': this.centered,
+                'is-sticky': this.sticky
+            }]
+        },
+        style() {
+            return {
+                width: toCssWidth(this.width)
+            }
+        },
+        hasDefaultSlot() {
+            return !!this.$scopedSlots.default
+        },
+        /**
+         * Return if column header is un-selectable
+         */
+        isHeaderUnSelectable() {
+            return !this.headerSelectable && this.sortable
+        }
+    },
+    methods: {
+        getRootClasses(row) {
+            const attrs = this.tdAttrs(row, this)
+            const classes = [this.rootClasses]
+            if (attrs && attrs.class) {
+                classes.push(attrs.class)
+            }
+            return classes
+        },
+        getRootStyle(row) {
+            const attrs = this.tdAttrs(row, this)
+            const style = []
+            if (attrs && attrs.style) {
+                style.push(attrs.style)
+            }
+            return style
+        }
+    },
+    created() {
+        if (!this.$table) {
+            this.$destroy()
+            throw new Error('You should wrap bTableColumn on a bTable')
+        }
+        this.$table.refreshSlots()
+    },
+    beforeDestroy() {
+        this.$table.refreshSlots()
+    },
+    render(createElement) {
+        // renderless
+        return null
+    }
+}
+</script>

package/src/scss/components/_colorpicker.scss

@@ -46,7 +46,7 @@ $colorpicker-hue-selected-stroke: $primary !default;
     .dropdown.is-expanded.is-mobile-modal .dropdown-menu {
         width: unset;
     }
-    .dropdown-horizonal-colorpicker {
+    .dropdown-horizontal-colorpicker {
         display: flex;
         flex-direction: row;
 

package/src/scss/components/_datepicker.scss

@@ -210,10 +210,10 @@ $datepicker-item-selected-background-color: $primary !default;
             margin-left: 5px;
             display: flex;
         }
-        .dropdown-horizonal-timepicker {
+        .dropdown-horizontal-timepicker {
             display: flex;
         }
-        .content-horizonal-timepicker {
+        .content-horizontal-timepicker {
             border-right: 1px solid #dbdbdb;
         }
     }

package/src/scss/components/_table.scss

@@ -123,6 +123,7 @@ $table-sticky-header-height: 300px !default;
                 &.is-numeric {
                     flex-direction: row-reverse;
                     text-align: right;
+                    width: 95%;
                     .icon {
                         margin-left: 0;
                         margin-right: 0.5rem;