Merge pull request #1776 from gnestor/html-table-styles

Update table styles to be consistent with JupyterLab
jupyter · Sep 28, 2016 · 111e41f · 111e41f
2 parents c70455b + a0fd16c
commit 111e41f
Showing 1 changed file with 23 additions and 9 deletions.
diff --git a/notebook/static/notebook/less/renderedhtml.less b/notebook/static/notebook/less/renderedhtml.less
@@ -59,20 +59,34 @@
     table {
         margin-left: auto;
         margin-right: auto;
-        border: 1px solid @rendered_html_border_color;
+        border: none;
         border-collapse: collapse;
+        border-spacing: 0;
+        color: @rendered_html_border_color;
+        font-size: 12px;
+        table-layout: fixed;
     }
-    tr, th, td {
-        border: 1px solid @rendered_html_border_color;
-        border-collapse: collapse;
-        margin: 1em 2em;
+    thead {
+        border-bottom: 1px solid @rendered_html_border_color;
+        vertical-align: bottom;
     }
-    td, th {
-        text-align: left;
+    tr, th, td {
+        text-align: right;
         vertical-align: middle;
-        padding: 4px;
+        padding: 0.5em 0.5em;
+        line-height: 1.0;
+        white-space: nowrap;
+        max-width: 100px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        border: none;
+    }
+    th {
+        font-weight: bold;
+    }
+    tbody tr:nth-child(odd) {
+        background: #f5f5f5;
     }
-    th {font-weight: bold;}
     * + table {margin-top: 1em;}
 
     p {text-align: left;}