diff options
| author | James Barnett <noreply@jamesbarnett.xyz> | 2018-02-17 17:11:48 +0000 |
|---|---|---|
| committer | James Barnett <noreply@jamesbarnett.xyz> | 2018-02-17 17:11:48 +0000 |
| commit | 6e21916395fac6861783c2b930b47242ac0f4c09 (patch) | |
| tree | 7ff0e48a5a47d18a25722e323f4945525dee26b7 /styles | |
| parent | b944a576f7cd0b6ea0edb0251f01a29ce4e0e86e (diff) | |
| download | sql-plus-plus-6e21916395fac6861783c2b930b47242ac0f4c09.tar.xz sql-plus-plus-6e21916395fac6861783c2b930b47242ac0f4c09.zip | |
Switch table library to Tabulator
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/style.css | 1 | ||||
| -rw-r--r-- | styles/table-style.css | 71 |
2 files changed, 30 insertions, 42 deletions
diff --git a/styles/style.css b/styles/style.css index b24351a..7ae5727 100644 --- a/styles/style.css +++ b/styles/style.css @@ -51,6 +51,7 @@ body { flex-direction: row; font-family: monospace; align-items: center; + height: 20px; } .flex-wrapper .row .split-row { diff --git a/styles/table-style.css b/styles/table-style.css index 7bf1222..ddceb38 100644 --- a/styles/table-style.css +++ b/styles/table-style.css @@ -1,43 +1,30 @@ -table.dataTable thead .sorting { - background-image: url("../images/sort_both.png"); -} -table.dataTable thead .sorting_asc { - background-image: url("../images/sort_asc.png"); -} -table.dataTable thead .sorting_desc { - background-image: url("../images/sort_desc.png"); -} -table.dataTable thead .sorting_asc_disabled { - background-image: url("../images/sort_asc_disabled.png"); -} -table.dataTable thead .sorting_desc_disabled { - background-image: url("../images/sort_desc_disabled.png"); -} -table.dataTable tbody tr { - background-color: #282a36; -} -table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { - background-color: #474A5E; -} -table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { - background-color: #262834; -} -table.dataTable.order-column tbody tr > .sorting_1, -table.dataTable.order-column tbody tr > .sorting_2, -table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, -table.dataTable.display tbody tr > .sorting_2, -table.dataTable.display tbody tr > .sorting_3 { - background-color: #4F4837; -} -table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { - background-color: #897E63; -} -table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { - background-color: #897E63; -} -table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { - background-color: #4F4837; -} -table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { - background-color: #242631; +.tabulator { + border: none; + background-color: #282a36; +} + +.tabulator .tabulator-header { + background-color: #474A5E; + color: whitesmoke; +} + +.tabulator .tabulator-header .tabulator-col { + background-color: #474A5E; +} + +.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover { + background-color: #6D8A88; +} + +.tabulator .tabulator-row { + background-color: #282a36; + color: whitesmoke; +} + +.tabulator .tabulator-row.tabulator-row-even { + background-color: #474A5E; +} + +.tabulator .tabulator-row.tabulator-selectable:hover { + background-color: #6D8A88; }
\ No newline at end of file |