diff options
author | Andrew Dolgov <[email protected]> | 2010-09-11 11:33:47 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2010-09-11 11:33:47 +0400 |
commit | 11a7a966066942a263e11ecd546dc7c101f00cc7 (patch) | |
tree | b02cd232d4e06992b451d807d25dbb6d2f397aaa | |
parent | 9de31493ddf1b9d01d203376eedd52733325be9f (diff) |
more digest page improvements
-rw-r--r-- | digest.css | 19 | ||||
-rw-r--r-- | digest.js | 23 |
2 files changed, 38 insertions, 4 deletions
diff --git a/digest.css b/digest.css index b0d17b4fc..b94044f98 100644 --- a/digest.css +++ b/digest.css @@ -116,6 +116,19 @@ a:hover { #feeds ul#feeds-content li { margin : 0px 0px 2px 0px; + padding : 2px; +} + +#feeds ul#feeds-content li.selected { + background : #f0f0f0; +} + +#feeds ul#feeds-content li.selected a { + color : #404040; +} + +#feeds ul#feeds-content li.selected a:hover { + color : #659a4c; } #feeds ul#feeds-content { @@ -148,7 +161,7 @@ a:hover { float : right; } -#headlines ul#headlines-content img { +#headlines ul#headlines-content img.icon { width : 16px; height : 16px; vertical-align : middle; @@ -186,6 +199,10 @@ a:hover { color : #404040; } +#headlines ul#headlines-content div.content img { + max-width : 75%; +} + #headlines ul#headlines-content div.body { margin-left : 21px; /*margin-left : 42px;*/ @@ -4,6 +4,22 @@ var _active_feed_id = false; var _active_feed_offset = false; var _update_timeout = false; +function mark_selected_feed(feed_id) { + try { + var feeds = $("feeds-content").getElementsByTagName("LI"); + + for (var i = 0; i < feeds.length; i++) { + if (feeds[i].id == "F-" + feed_id) + feeds[i].className = "selected"; + else + feeds[i].className = ""; + } + + } catch (e) { + exception_error("mark_selected_feed", e); + } +} + function zoom(article_id) { try { var elem = $('A-' + article_id); @@ -103,7 +119,8 @@ function viewfeed(feed_id, offset) { digest_update(transport, feed_id); _active_feed_id = feed_id; _active_feed_offset = offset; - } }); + mark_selected_feed(feed_id); + } }); } catch (e) { exception_error("view", e); @@ -169,7 +186,7 @@ function add_feed_entry(feed) { icon_part = "<img src='" + get_feed_icon(feed) + "'/>"; - var tmp_html = "<li>" + + var tmp_html = "<li id=\"F-"+feed.id+"\">" + icon_part + "<a href=\"#\" onclick=\"viewfeed("+feed.id+")\">" + feed.title + "<div class='unread-ctr'>" + feed.unread + "</div>" + @@ -199,7 +216,7 @@ function add_headline_entry(article, feed) { var icon_part = ""; if (article.has_icon) - icon_part = "<img src='icons/" + article.feed_id + ".ico'/>"; + icon_part = "<img class='icon' src='icons/" + article.feed_id + ".ico'/>"; var tmp_html = "<li id=\"A-"+article.id+"\">" + icon_part + |