From 1f33c7fef2cf5e054a361612fbe8c25663d36747 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sun, 22 Sep 2013 13:24:16 +0200 Subject: [PATCH 1/7] correct capitalization of ownCloud --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 344b1bf..21f2a48 100644 --- a/index.html +++ b/index.html @@ -64,7 +64,7 @@

- +

From 54ebe5d0570f55dd7578e7d56488307e707d2dc3 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sun, 22 Sep 2013 14:46:00 +0200 Subject: [PATCH 2/7] read items get subdued text and arrow color --- css/screen.css | 26 +++++++++++++++++--------- 1 file changed, 17 insertions(+), 9 deletions(-) diff --git a/css/screen.css b/css/screen.css index b9545ee..5089ef4 100644 --- a/css/screen.css +++ b/css/screen.css @@ -197,6 +197,23 @@ canvas { .blue #list li { border-bottom: 1px solid #2980b9; } .yellow #list li { border-bottom: 1px solid #f39c12; } +/* read items get subdued text and arrow color */ +.red #list li a, .red #list li:after { + color: #c0392b; +} +.white #list li a, .white #list li:after { + color: #bdc3c7; +} +.blue #list li a, .blue #list li:after { + color: #2980b9; +} +.yellow #list li a, .yellow #list li:after { + color: #f39c12; +} +#list li.unread a, #list li.unread:after { + color: inherit; +} + #list li:after { content: ""; position: absolute; @@ -207,11 +224,6 @@ canvas { font-family: "Entypo"; } -.red #list li:after { color: #c0392b; } -.white #list li:after { color: #bdc3c7; } -.blue #list li:after { color: #2980b9; } -.yellow #list li:after { color: #f39c12; } - #list li > a { display: block; padding: 5px 25px 5px 10px; @@ -219,10 +231,6 @@ canvas { outline: none; } -#list li.unread:after { - color: inherit; -} - #full.active { min-height: 100%; display: -moz-box; From dab5c1895eb2f4875666538ef461f0155ceca4eb Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sun, 22 Sep 2013 14:49:24 +0200 Subject: [PATCH 3/7] restrict article titles to one line to not give more importance to articles with long titles --- css/screen.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/css/screen.css b/css/screen.css index 5089ef4..d44c41c 100644 --- a/css/screen.css +++ b/css/screen.css @@ -186,6 +186,9 @@ canvas { padding: 0; font-weight: normal; font-size: 1.1em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } #list li { From 4f08ae7f46286ab1b06b34732fd9ab7a73faf175 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sun, 22 Sep 2013 14:51:54 +0200 Subject: [PATCH 4/7] remove unsemantic strong tag from feed title --- js/App.js | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/js/App.js b/js/App.js index 0438248..4c67fef 100644 --- a/js/App.js +++ b/js/App.js @@ -179,9 +179,7 @@ App.prototype.populateList = function() { var article = this.unread_articles[i]; html_str += ""; html_str += ""; - html_str += "

"; - html_str += "" + article.feed_title + ""; - html_str += "

"; + html_str += "

" + article.feed_title + "

"; html_str += "

" + article.title + "

"; if(article.excerpt) html_str += "

" + article.excerpt + "

"; html_str += ""; From d49fdbdd5ece0d5fb28a7d08962f25f75d7d9a1f Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sun, 22 Sep 2013 14:53:40 +0200 Subject: [PATCH 5/7] reduce opacity of feed title and excerpt to focus on article title --- css/screen.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/css/screen.css b/css/screen.css index d44c41c..a26975b 100644 --- a/css/screen.css +++ b/css/screen.css @@ -171,14 +171,12 @@ canvas { margin: 0; padding: 0; font-size: 0.8em; -} - -#list p { font-weight: normal; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; + opacity: .6; } #list h2 { From 1c5d02e1d9fec91635bd2f0e17d3019b80c92d77 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sun, 22 Sep 2013 15:00:04 +0200 Subject: [PATCH 6/7] reorder settings for info bubbles and log out to the bottom --- css/screen.css | 2 +- index.html | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/css/screen.css b/css/screen.css index a26975b..3eda669 100644 --- a/css/screen.css +++ b/css/screen.css @@ -354,7 +354,7 @@ canvas { color: #2c3e50; } -#settings .version { +#settings .version, #settings .reset-info { padding-top: 1em; } diff --git a/index.html b/index.html index 21f2a48..dd5ddcc 100644 --- a/index.html +++ b/index.html @@ -35,8 +35,6 @@
    -
  • Log out
    • -
  • View those info bubbles again
  • 🔍 AA: ⬇ @@ -46,6 +44,8 @@
  • Blue
  • Yellow
  • Red (default)
    • +
  • View those info bubbles again
    • +
  • Log out
  • You're running version
  • Made by Jabs Nu
  • 🕅 Icons by Entypo
    • From db2cc5f4160b2b52cb263597878437fe059a7a52 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sun, 22 Sep 2013 15:18:37 +0200 Subject: [PATCH 7/7] give feedback on selected input field --- css/screen.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/screen.css b/css/screen.css index 3eda669..f97e18b 100644 --- a/css/screen.css +++ b/css/screen.css @@ -64,7 +64,7 @@ header .button, footer .button, .button.small { .smallogo { text-align: center; margin: 0; padding: 0; } -button:active, a:active, .button:active { +button:active, a:active, .button:active, input:active, input:focus { background: black !important; color: white !important; }