hummypkg/webif
5
3
Fork 4
Code Issues Pull Requests Releases 1 Activity

Set maximum width for File column

Browse Source 
Add title attribute to display possibly truncated File as tooltip.

Will this work well for mobile/touchscreen use?
This commit is contained in:
df 2020-11-09 13:53:03 +00:00
parent d7c15163e1
commit da32aa0a72
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
webif/html/diag/queue/script.js
View File

@ -40,7 +40,8 @@ function load()
$('<td>').append($('<a>', { $('<td>').append($('<a>', {
'class': 'file', 'class': 'file',
href: '#', href: '#',
html: v.file html: v.file,
title: v.file
})).appendTo($row); })).appendTo($row);
$('<td>', { html: v.action + ' ' + v.args }) $('<td>', { html: v.action + ' ' + v.args })
.appendTo($row); .appendTo($row);

7
webif/html/diag/queue/style.css
View File

@ -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 td.status
{ {