diff --git a/main/windows.js b/main/windows.js index ad9b121f..4aeb55f4 100644 --- a/main/windows.js +++ b/main/windows.js @@ -80,7 +80,7 @@ function createWebTorrentHiddenWindow () { } var HEADER_HEIGHT = 37 -var TORRENT_HEIGHT = 110 +var TORRENT_HEIGHT = 100 function createMainWindow () { if (windows.main) { diff --git a/renderer/index.css b/renderer/index.css index 3ef86c73..096c6967 100644 --- a/renderer/index.css +++ b/renderer/index.css @@ -433,7 +433,7 @@ input { .torrent, .torrent-placeholder { - height: 110px; + height: 100px; } .torrent:not(:last-child) { @@ -446,9 +446,9 @@ input { .torrent .metadata { position: absolute; - top: 20px; - left: 20px; - right: 20px; + top: 25px; + left: 15px; + right: 15px; width: calc(100% - 40px); text-shadow: rgba(0, 0, 0, 0.5) 0 0 4px; } @@ -458,12 +458,15 @@ input { } .torrent .metadata span:not(:last-child)::after { - content: ' — '; + content: ' • '; + opacity: 0.7; + padding-left: 4px; + padding-right: 4px; } .torrent .buttons { position: absolute; - top: 34px; + top: 29px; right: 10px; align-items: center; display: none; @@ -551,12 +554,6 @@ input { line-height: 1.5em; } -.torrent .status, -.torrent .status2 { -/* font-size: 14px; - line-height: 1.5em;*/ -} - /* * TORRENT LIST: DRAG-DROP TARGET */ diff --git a/renderer/views/torrent-list.js b/renderer/views/torrent-list.js index ed4880af..8d43054b 100644 --- a/renderer/views/torrent-list.js +++ b/renderer/views/torrent-list.js @@ -67,39 +67,49 @@ function TorrentList (state) { // If it's downloading/seeding then show progress info var prog = torrentSummary.progress if (torrentSummary.status !== 'paused' && prog) { - var progress = Math.floor(100 * prog.progress) - var downloaded = prettyBytes(prog.downloaded) - var total = prettyBytes(prog.length || 0) - if (downloaded !== total) downloaded += ` / ${total}` - elements.push(hx`
- ${getFilesLength()} - ${getPeers()} - ↓ ${prettyBytes(prog.downloadSpeed || 0)}/s - ↑ ${prettyBytes(prog.uploadSpeed || 0)}/s -
- `) - elements.push(hx` -
- ${progress}% - ${downloaded} + ${renderPercentProgress()} + ${renderTotalProgress()} + ${renderDownloadSpeed()} + ${renderUploadSpeed()} + ${renderPeers()}
`) } return hx`
${elements}
` - function getPeers () { - var count = prog.numPeers === 1 ? 'peer' : 'peers' - return `${prog.numPeers} ${count}` + function renderPercentProgress () { + var progress = Math.floor(100 * prog.progress) + return hx`${progress}%` } - function getFilesLength () { - if (torrentSummary.files && torrentSummary.files.length > 1) { - return hx`${torrentSummary.files.length} files` + function renderTotalProgress () { + var downloaded = prettyBytes(prog.downloaded) + var total = prettyBytes(prog.length || 0) + if (downloaded === total) { + return hx`${downloaded}` + } else { + return hx`${downloaded} / ${total}` } } + + function renderDownloadSpeed () { + if (prog.downloadSpeed === 0) return + return hx`↓ ${prettyBytes(prog.downloadSpeed)}/s` + } + + function renderUploadSpeed () { + if (prog.uploadSpeed === 0) return + return hx`↑ ${prettyBytes(prog.uploadSpeed)}/s` + } + + function renderPeers () { + if (prog.numPeers === 0) return + var count = prog.numPeers === 1 ? 'peer' : 'peers' + return hx`${prog.numPeers} ${count}` + } } // Download button toggles between torrenting (DL/seed) and paused