datatable: improve CSS - jscancer - Javascript crap (relatively small) | |
git clone git://git.codemadness.org/jscancer | |
Log | |
Files | |
Refs | |
README | |
LICENSE | |
--- | |
commit 76a6ab53c42092f2e4a7d7229b0268cc8fd33fd4 | |
parent ce7fe7238d2fde40c41c36f8737a29fa29e9e74b | |
Author: Hiltjo Posthuma <[email protected]> | |
Date: Wed, 8 Jun 2016 21:02:30 +0200 | |
datatable: improve CSS | |
- slightly nicer sort icons. | |
- improve cell padding. | |
- change cell width. | |
Diffstat: | |
M datatable/datatable.css | 23 ++++++++++++++--------- | |
1 file changed, 14 insertions(+), 9 deletions(-) | |
--- | |
diff --git a/datatable/datatable.css b/datatable/datatable.css | |
@@ -12,7 +12,12 @@ table.datatable tr th { | |
user-select: none; | |
} | |
-table.datatable tr td, | |
+table.datatable tr td { | |
+ border: 1px solid #aaa; | |
+ padding: 0 3px 0 3px; | |
+ line-height: 25px; | |
+} | |
+ | |
table.datatable tr th { | |
border: 1px solid #aaa; | |
padding: 0 16px 0 3px; | |
@@ -38,11 +43,11 @@ table.datatable thead .sort-disabled { | |
} | |
table.datatable thead .sort-asc { | |
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA… | |
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA… | |
} | |
table.datatable thead .sort-desc { | |
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA… | |
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA… | |
} | |
table.datatable tbody tr:nth-child(2n+1) td { | |
@@ -66,10 +71,6 @@ table.datatable tbody tr:hover td { | |
height: 1px; | |
} | |
-.datatable-lazyscroll-container th { | |
- width: 200px; | |
-} | |
- | |
.datatable-lazyscroll-headers { | |
overflow: hidden; | |
position: relative; | |
@@ -95,6 +96,10 @@ table.datatable tbody tr:hover td { | |
position: relative; | |
} | |
+.datatable-lazyscroll-headers th { | |
+ border-bottom: 0 !important; | |
+} | |
+ | |
.datatable-lazyscroll-container { | |
height: 608px; | |
} | |
@@ -103,6 +108,6 @@ table.datatable tbody tr:hover td { | |
height: 580px; | |
} | |
-.datatable-lazyscroll-headers th { | |
- border-bottom: 0 !important; | |
+.datatable-lazyscroll-container th { | |
+ width: 150px; | |
} |