mirror/qBittorrent
2
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent.git synced 2025-01-18 18:35:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

WebUI: Make column width less variable in transferlist

Browse Source 
Each column has a fixed width that allows to read its content.
The column for the name of the torrents has a variable width with an
upper and a lower constraint.

If the width of the page is not sufficient to fit the table, a scrollbar
will appear.
This commit is contained in:
Gabriele 2014-12-08 21:00:00 +01:00
parent 5fb32da49f
commit d055613125
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/webui/www/public/css/dynamicTable.css
View File

@ -64,3 +64,11 @@
#transferList img.statusIcon {
margin-bottom: -4px;
}
#transferList th,
#transferList td {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 300px;
}

23
src/webui/www/public/transferlist.html
View File

@ -1,18 +1,17 @@
<table class="torrentTable" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width: 0"></th>
<th onClick="setSortedColumn('name');" style="cursor: pointer;">_(Name)</th>
<th id='prioHeader' onClick="setSortedColumn('priority');" style="cursor: pointer;">#</th>
<th onClick="setSortedColumn('size');" style="cursor: pointer;">_(Size)</th>
<th style="width: 90px;cursor: pointer;" onClick="setSortedColumn('progress');">_(Done)</th>
<th onClick="setSortedColumn('num_seeds');" style="cursor: pointer;">_(Seeds)</th>
<th onClick="setSortedColumn('num_leechs');" style="cursor: pointer;">_(Peers)</th>
<th onClick="setSortedColumn('dlspeed');" style="cursor: pointer;">_(Down Speed)</th>
<th onClick="setSortedColumn('upspeed');" style="cursor: pointer;">_(Up Speed)</th>
<th onClick="setSortedColumn('eta');" style="cursor: pointer;">_(ETA)</th>
<th onClick="setSortedColumn('ratio');" style="cursor: pointer;">_(Ratio)</th>
<th style="width: 16px"></th>
<th onClick="setSortedColumn('name');" style="min-width: 200px; cursor: pointer">_(Name)</th>
<th id='prioHeader' onClick="setSortedColumn('priority');" style="width: 90px; cursor: pointer">#</th>
<th onClick="setSortedColumn('size');" style="width: 100px; cursor: pointer">_(Size)</th>
<th onClick="setSortedColumn('progress');" style="width: 80px; cursor: pointer">_(Done)</th>
<th onClick="setSortedColumn('num_seeds');" style="width: 100px; cursor: pointer">_(Seeds)</th>
<th onClick="setSortedColumn('num_leechs');" style="width: 100px; cursor: pointer">_(Peers)</th>
<th onClick="setSortedColumn('dlspeed');" style="width: 100px; cursor: pointer">_(Down Speed)</th>
<th onClick="setSortedColumn('upspeed');" style="width: 100px; cursor: pointer">_(Up Speed)</th>
<th onClick="setSortedColumn('eta');" style="width: 100px; cursor: pointer">_(ETA)</th>
<th onClick="setSortedColumn('ratio');" style="width: 100px; cursor: pointer">_(Ratio)</th>
</tr>
</thead>
<tbody id="myTable"></tbody>