From 585a1338383a35df5a19cf85ef054bea88338a3a Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio.bekerle@tugraz.at>
Date: Thu, 10 Oct 2019 14:55:19 +0200
Subject: [PATCH] Add more styling
---
.../data-table-view/src/vpu-data-table-view.js | 16 +++++++++++++++-
1 file changed, 15 insertions(+), 1 deletion(-)
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 b0fa4c17..a96f4e8e 100644
--- a/packages/data-table-view/src/vpu-data-table-view.js
+++ b/packages/data-table-view/src/vpu-data-table-view.js
@@ -3,7 +3,7 @@ import dt from 'datatables.net';
import resp from 'datatables.net-responsive';
import resp2 from 'datatables.net-responsive-dt';
import {i18n} from './i18n';
-import {html, LitElement} from 'lit-element';
+import {css, html, LitElement} from 'lit-element';
import de from '../assets/datatables/i18n/German';
import en from '../assets/datatables/i18n/English';
@@ -108,6 +108,20 @@ class DataTableView extends LitElement {
this.updateComplete.then(this.set_datatable()).catch(e => { console.log(e)});
}
+ static get styles() {
+ // language=css
+ return css`
+ ${commonUtils.getThemeCSS()}
+ ${commonUtils.getGeneralCSS()}
+
+ .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+ color: var(--vpu-muted-text);
+ border-radius: var(--vpu-border-radius);
+ background: transparent;
+ }
+ `;
+ }
+
render() {
commonUtils.initAssetBaseURL('vpu-data-table-view-src');
let dt_css = commonUtils.getAssetURL('local/vpu-data-table-view/css/jquery.dataTables.min.css');
--
GitLab