From ac0504bde48cd63c2b15635343441a2684e2b17f Mon Sep 17 00:00:00 2001 From: Feross Aboukhadijeh Date: Tue, 8 Mar 2016 11:51:02 -0800 Subject: [PATCH 1/3] Prevent repeated setBadge IPC calls --- renderer/index.js | 1 + 1 file changed, 1 insertion(+) diff --git a/renderer/index.js b/renderer/index.js index 8f2fb100..10ced910 100644 --- a/renderer/index.js +++ b/renderer/index.js @@ -142,6 +142,7 @@ function updateElectron () { ipcRenderer.send('setProgress', state.dock.progress) } if (state.dock.badge !== state.prev.badge) { + state.prev.badge = state.dock.badge ipcRenderer.send('setBadge', state.dock.badge || '') } } From 683d4c3a9d614d5fa437cc9f793668d9996c38ff Mon Sep 17 00:00:00 2001 From: Feross Aboukhadijeh Date: Tue, 8 Mar 2016 11:54:13 -0800 Subject: [PATCH 2/3] add border-radius to drop target --- renderer/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/renderer/index.css b/renderer/index.css index 9cc476d3..b7092339 100644 --- a/renderer/index.css +++ b/renderer/index.css @@ -250,6 +250,7 @@ a:not(.disabled):hover, i:not(.disabled):hover { margin: 10px; text-align: center; border: 5px #444 dashed; + border-radius: 5px; color: #666; font-size: 16px; flex: 1 1 auto; From ec2ff2bb47014f7668ab540221a2eacfcb10690c Mon Sep 17 00:00:00 2001 From: Feross Aboukhadijeh Date: Tue, 8 Mar 2016 12:01:05 -0800 Subject: [PATCH 3/3] responsively change torrent/drop-target height better large-screen experience --- renderer/index.css | 22 +++++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) diff --git a/renderer/index.css b/renderer/index.css index b7092339..ff9e3134 100644 --- a/renderer/index.css +++ b/renderer/index.css @@ -246,14 +246,15 @@ a:not(.disabled):hover, i:not(.disabled):hover { } .drop-target { - padding: 20px; margin: 10px; - text-align: center; border: 5px #444 dashed; border-radius: 5px; color: #666; font-size: 16px; flex: 1 1 auto; + display: flex; + align-items: center; + justify-content: center; } body.drag .drop-target { @@ -262,7 +263,6 @@ body.drag .drop-target { } .torrent { - height: 120px; background: linear-gradient(to bottom right, #4B79A1, #283E51); background-repeat: no-repeat; background-size: cover; @@ -272,6 +272,22 @@ body.drag .drop-target { animation: fadein .4s; } +.torrent, .drop-target { + height: 120px; +} + +@media only screen and (min-width: 600px) { + .torrent, .drop-target { + height: 150px; + } +} + +@media only screen and (min-width: 900px) { + .torrent, .drop-target { + height: 180px; + } +} + .torrent:not(:last-child) { border-bottom: 1px solid rgb(20, 20, 20); }