Skip to content

Commit f3975c1

Browse files
author
dtbuild
committed
73d0afc93936bf75733e22a1f4f7326be4ea9f23 Fix: Vertical alignment in the header for icons wouldn't align for Bootstrap and Bulma
DD-3096 Sync to source repo @73d0afc93936bf75733e22a1f4f7326be4ea9f23
1 parent 510485e commit f3975c1

File tree

4 files changed

+26
-23
lines changed

4 files changed

+26
-23
lines changed

css/dataTables.jqueryui.css

Lines changed: 23 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
--dt-row-stripe: 0, 0, 0;
66
--dt-row-hover: 0, 0, 0;
77
--dt-column-ordering: 0, 0, 0;
8+
--dt-header-align-items: center;
89
--dt-html-background: white;
910
}
1011
:root.dark {
@@ -77,6 +78,7 @@ div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
7778
--dt-row-stripe: 0, 0, 0;
7879
--dt-row-hover: 0, 0, 0;
7980
--dt-column-ordering: 0, 0, 0;
81+
--dt-header-align-items: center;
8082
--dt-html-background: white;
8183
}
8284
:root.dark {
@@ -350,6 +352,7 @@ table.dataTable td.dt-type-numeric div.dt-column-footer,
350352
table.dataTable td.dt-type-date div.dt-column-header,
351353
table.dataTable td.dt-type-date div.dt-column-footer {
352354
flex-direction: row-reverse;
355+
align-items: var(--dt-header-align-items);
353356
}
354357
table.dataTable th.dt-left,
355358
table.dataTable td.dt-left {
@@ -761,12 +764,12 @@ div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-pagi
761764
color: inherit !important;
762765
border: 1px solid rgba(0, 0, 0, 0.3);
763766
background-color: rgba(0, 0, 0, 0.05);
764-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05))); /* Chrome,Safari4+ */
765-
background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Chrome10+,Safari5.1+ */
766-
background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* FF3.6+ */
767-
background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* IE10+ */
768-
background: -o-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Opera 11.10+ */
769-
background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* W3C */
767+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229.5, 229.5, 229.5, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05))); /* Chrome,Safari4+ */
768+
background: -webkit-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Chrome10+,Safari5.1+ */
769+
background: -moz-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* FF3.6+ */
770+
background: -ms-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* IE10+ */
771+
background: -o-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Opera 11.10+ */
772+
background: linear-gradient(to bottom, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* W3C */
770773
}
771774
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
772775
cursor: default;
@@ -779,22 +782,22 @@ div.dt-container .dt-paging .dt-paging-button:hover {
779782
color: white !important;
780783
border: 1px solid #111;
781784
background-color: #111;
782-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */
783-
background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */
784-
background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */
785-
background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */
786-
background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */
787-
background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */
785+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(88.4, 88.4, 88.4)), color-stop(100%, #111)); /* Chrome,Safari4+ */
786+
background: -webkit-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* Chrome10+,Safari5.1+ */
787+
background: -moz-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* FF3.6+ */
788+
background: -ms-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* IE10+ */
789+
background: -o-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* Opera 11.10+ */
790+
background: linear-gradient(to bottom, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* W3C */
788791
}
789792
div.dt-container .dt-paging .dt-paging-button:active {
790793
outline: none;
791-
background-color: #0c0c0c;
792-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */
793-
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */
794-
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */
795-
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */
796-
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */
797-
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */
794+
background-color: rgb(11.9, 11.9, 11.9);
795+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(42.5, 42.5, 42.5)), color-stop(100%, rgb(11.9, 11.9, 11.9))); /* Chrome,Safari4+ */
796+
background: -webkit-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* Chrome10+,Safari5.1+ */
797+
background: -moz-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* FF3.6+ */
798+
background: -ms-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* IE10+ */
799+
background: -o-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* Opera 11.10+ */
800+
background: linear-gradient(to bottom, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* W3C */
798801
box-shadow: inset 0 0 3px #111;
799802
}
800803
div.dt-container .dt-paging .ellipsis {
@@ -882,7 +885,7 @@ html.dark .dt-container .dt-paging .dt-paging-button:hover {
882885
background: rgb(53, 53, 53);
883886
}
884887
html.dark .dt-container .dt-paging .dt-paging-button:active {
885-
background: #3a3a3a;
888+
background: rgb(58.1, 58.1, 58.1);
886889
}
887890

888891
/*

css/dataTables.jqueryui.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

datatables.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,5 @@
1414
],
1515
"src-repo": "http://github.com/DataTables/DataTablesSrc",
1616
"last-tag": "2.3.1",
17-
"last-sync": "d558328106bef2d48dfc4cf78581dd106f5c1077"
17+
"last-sync": "73d0afc93936bf75733e22a1f4f7326be4ea9f23"
1818
}

js/dataTables.jqueryui.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)