diff --git a/packages/data-table-view/src/vpu-data-table-view-demo.js b/packages/data-table-view/src/vpu-data-table-view-demo.js index a252e21531200e1222a788841a9ca9e4e84c0102..4e10bbfed4ff25a4bd320da67640da171a12e1a1 100644 --- a/packages/data-table-view/src/vpu-data-table-view-demo.js +++ b/packages/data-table-view/src/vpu-data-table-view-demo.js @@ -82,7 +82,7 @@ class DataTableViewDemo extends LitElement { Math.floor(1000 * Math.random()), '' + day + '.' + month + '.' + year, '' + year + '-' + month + '-' + day, - '<button onclick="alert(\'' + str + ' clicked\');">OK</button>' + '<button class=\'button is-small\' onclick="alert(\'' + str + ' clicked\');">OK</button>' ]; } @@ -108,6 +108,7 @@ class DataTableViewDemo extends LitElement { return css` ${commonStyles.getThemeCSS()} ${commonStyles.getGeneralCSS()} + ${commonStyles.getButtonCSS()} `; } @@ -167,7 +168,7 @@ class DataTableViewDemo extends LitElement { </div> <h4>DataTable: no data, no paging, no searching</h4> <div class="box"> - <button @click="${this.vdtv2_add_rows}">noch etwas...</button> + <button class="button is-small" @click="${this.vdtv2_add_rows}">noch etwas...</button> <vpu-data-table-view lang="${this.lang}" id="vdtv2">></vpu-data-table-view> </div> </div> diff --git a/packages/data-table-view/src/vpu-data-table-view.js b/packages/data-table-view/src/vpu-data-table-view.js index c42488e03b000ec07a2209d3176812027b7662b6..249b17776f0a8d6662b9c9395ce75fb2fb1ab38a 100644 --- a/packages/data-table-view/src/vpu-data-table-view.js +++ b/packages/data-table-view/src/vpu-data-table-view.js @@ -101,17 +101,20 @@ class DataTableView extends LitElement { text: 'CSV', title: this.exportName, filename: this.exportName, + className: 'button is-small', }, { extend: 'excelHtml5', text: 'XSLX', title: this.exportName, filename: this.exportName, + className: 'button is-small', }, { extend: 'print', - text: 'Drucken', + //text: 'Drucken', title: this.exportName, + className: 'button is-small', }, ] }); @@ -143,6 +146,7 @@ class DataTableView extends LitElement { return css` ${commonStyles.getThemeCSS()} ${commonStyles.getGeneralCSS()} + ${commonStyles.getButtonCSS()} .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: var(--vpu-muted-text); diff --git a/packages/data-table-view/vendor/common b/packages/data-table-view/vendor/common index 4de91ae325206fc756ad66df87c0b2490672e552..73ff98296c27a3b0ee0d6995344ba3e676d3ee53 160000 --- a/packages/data-table-view/vendor/common +++ b/packages/data-table-view/vendor/common @@ -1 +1 @@ -Subproject commit 4de91ae325206fc756ad66df87c0b2490672e552 +Subproject commit 73ff98296c27a3b0ee0d6995344ba3e676d3ee53