From 3c4043e445d0708490b2a14805b8e3eaa75c23fd Mon Sep 17 00:00:00 2001
From: zsloan
Date: Thu, 11 Mar 2021 22:35:11 +0000
Subject: Added some CSS to make cell content cut off with ellipses if a column
 is narrower than the content's width

---
 wqflask/wqflask/static/new/css/trait_list.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'wqflask')

diff --git a/wqflask/wqflask/static/new/css/trait_list.css b/wqflask/wqflask/static/new/css/trait_list.css
index c7249721..6d49f009 100644
--- a/wqflask/wqflask/static/new/css/trait_list.css
+++ b/wqflask/wqflask/static/new/css/trait_list.css
@@ -52,3 +52,21 @@ div.dts div.dataTables_paginate,div.dts div.dataTables_length{
     display:none
 }
 
+/* This is the important CSS */
+table.dataTable {
+    table-layout: fixed;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+table.dataTable th {
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+table.dataTable td {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
\ No newline at end of file
-- 
cgit v1.2.3