From 97d5aac8286db440c0d158f4c10ba9d4e9228b1f Mon Sep 17 00:00:00 2001 From: Michel Weimerskirch Date: Mon, 22 Dec 2014 17:35:09 +0100 Subject: [PATCH] Bootstrap integration: replace images with font icons --- .../bootstrap/3/dataTables.bootstrap.css | 25 +++++++++++++------ 1 file changed, 18 insertions(+), 7 deletions(-) diff --git a/integration/bootstrap/3/dataTables.bootstrap.css b/integration/bootstrap/3/dataTables.bootstrap.css index f65e264..dec2c7f 100644 --- a/integration/bootstrap/3/dataTables.bootstrap.css +++ b/integration/bootstrap/3/dataTables.bootstrap.css @@ -71,18 +71,29 @@ table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; + position: relative; } -table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; } -table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; } -table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; } +table.dataTable thead th.sorting:after, +table.dataTable thead th.sorting_asc:after, +table.dataTable thead th.sorting_desc:after { + position: absolute; + top: 8px; + right: 8px; + display: block; + font-family: 'Glyphicons Halflings'; + content: "\e150"; /* sort */ + color: #999; +} +table.dataTable thead th.sorting_asc:after { color: #333; content: "\e155"; /* sort-by-attributes */ } +table.dataTable thead th.sorting_desc:after { color: #333; content: "\e156"; /* sort-by-attributes-alt */ } -table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; } -table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; } +table.dataTable thead .sorting_asc_disabled:after, +table.dataTable thead .sorting_desc_disabled:after { color: #eee } table.dataTable thead > tr > th { - padding-left: 18px; - padding-right: 18px; + padding-left: 8px; + padding-right: 30px; } table.dataTable th:active {