From da32aa0a72ba9a72309a42948464a8664d5b489a Mon Sep 17 00:00:00 2001
From: df <fieldhouse@gmx.net>
Date: Mon, 9 Nov 2020 13:53:03 +0000
Subject: [PATCH] Set maximum width for File column

Add title attribute to display possibly truncated File as tooltip.

Will this work well for mobile/touchscreen use?
---
 webif/html/diag/queue/script.js | 3 ++-
 webif/html/diag/queue/style.css | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/webif/html/diag/queue/script.js b/webif/html/diag/queue/script.js
index ad6a213..93c83b0 100644
--- a/webif/html/diag/queue/script.js
+++ b/webif/html/diag/queue/script.js
@@ -40,7 +40,8 @@ function load()
 			$('<td>').append($('<a>', {
 				'class': 'file',
 				href: '#',
-				html: v.file
+				html: v.file,
+				title: v.file
 			})).appendTo($row);
 			$('<td>', { html: v.action + ' ' + v.args })
 			    .appendTo($row);
diff --git a/webif/html/diag/queue/style.css b/webif/html/diag/queue/style.css
index a9e1b15..df2ed7b 100644
--- a/webif/html/diag/queue/style.css
+++ b/webif/html/diag/queue/style.css
@@ -1,3 +1,10 @@
+/* constrain File column width */
+td:nth-child(3), th:nth-child(3)
+{
+    max-width: 50ch;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
 
 td.status
 {