From 1000ea75e89812e7603db83b8be667bb2dd12ba6 Mon Sep 17 00:00:00 2001
From: Eugen Neuber <eugen.neuber@tugraz.at>
Date: Wed, 4 Dec 2019 16:32:38 +0100
Subject: [PATCH] Use new css for select and buttons
---
packages/data-table-view/src/vpu-data-table-view-demo.js | 5 +++--
packages/data-table-view/src/vpu-data-table-view.js | 6 +++++-
packages/data-table-view/vendor/common | 2 +-
3 files changed, 9 insertions(+), 4 deletions(-)
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 a252e215..4e10bbfe 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 c42488e0..249b1777 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 4de91ae3..73ff9829 160000
--- a/packages/data-table-view/vendor/common
+++ b/packages/data-table-view/vendor/common
@@ -1 +1 @@
-Subproject commit 4de91ae325206fc756ad66df87c0b2490672e552
+Subproject commit 73ff98296c27a3b0ee0d6995344ba3e676d3ee53
--
GitLab