add new widgets to collapse categories, unify behaviour wnen clicking on category/feed title

This commit is contained in:
Andrew Dolgov 2008-08-28 06:10:05 +01:00
parent fc0b87e058
commit 4c41e58f53
5 changed files with 23 additions and 20 deletions

View File

@ -4087,23 +4087,27 @@
$catctr_class = ($cat_unread > 0) ? "catCtrHasUnread" : "catCtrNoUnread"; $catctr_class = ($cat_unread > 0) ? "catCtrHasUnread" : "catCtrNoUnread";
print "<li class=\"feedCat\" id=\"FCAT-$cat_id\">
<a id=\"FCATN-$cat_id\" href=\"javascript:toggleCollapseCat($cat_id)\">$tmp_category</a>";
if ($can_browse) { if ($can_browse) {
print "<a href=\"#\" onclick=\"javascript:viewCategory($cat_id)\" id=\"FCAP-$cat_id\">"; $browse_cat_link = "onclick=\"javascript:viewCategory($cat_id)\"";
$inner_title_class = "catTitle";
} else { } else {
print "<span id=\"FCAP-$cat_id\">"; $browse_cat_link = "";
$inner_title_class = "catTitleNL";
} }
print "<li class=\"feedCat\" id=\"FCAT-$cat_id\">
<img onclick=\"toggleCollapseCat($cat_id)\"
title=\"".__('Click to collapse category')."\"
src=\"images/cat-collapse.png\"><span class=\"$inner_title_class\"
id=\"FCATN-$cat_id\" $browse_cat_link
\">$tmp_category</span>";
print "<span id=\"FCAP-$cat_id\">";
print " <span id=\"FCATCTR-$cat_id\" print " <span id=\"FCATCTR-$cat_id\"
class=\"$catctr_class\">($cat_unread)</span> $ellipsis"; class=\"$catctr_class\">($cat_unread)</span> $ellipsis";
if ($can_browse) { print "</span>";
print "</a>";
} else {
print "</span>";
}
print "</li>"; print "</li>";

BIN
images/cat-collapse.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 B

View File

@ -54,14 +54,13 @@ ul.feedList li.feedCat {
margin : 0px; margin : 0px;
padding : 3px 0px 3px 0px; padding : 3px 0px 3px 0px;
color : #707070; color : #707070;
font-size : x-small;
} }
ul.feedList li.feedCat a { ul.feedList li.feedCat span.catTitle {
color : #707070; color : #707070;
} }
ul.feedList li.feedCat a:hover { ul.feedList li.feedCat span.catTitle:hover {
color : #5050aa; color : #5050aa;
} }

View File

@ -158,7 +158,6 @@ div.postReply > div.postHeader {
ul.feedList { ul.feedList {
list-style-type : none; list-style-type : none;
margin : 5px;
padding : 0px 0px 0px 5px; padding : 0px 0px 0px 5px;
font-size : 9pt; font-size : 9pt;
} }
@ -174,13 +173,13 @@ ul.feedList li.feedCat {
font-size : 9pt; font-size : 9pt;
} }
ul.feedList li.feedCat a:hover { ul.feedList li.feedCat span.catTitle:hover {
color : black; color : black;
} }
ul.feedCatList { ul.feedCatList {
list-style-type : none; list-style-type : none;
margin : 0px 0px 0px 10px; margin : 0px 0px 0px 15px;
padding : 0px; padding : 0px;
} }

View File

@ -74,7 +74,7 @@ div.postReply span.author {
ul.feedList { ul.feedList {
list-style-type : none; list-style-type : none;
margin : 5px; margin : 5px 5px 5px 0px;
padding : 0px 0px 0px 5px; padding : 0px 0px 0px 5px;
font-size : 12px; font-size : 12px;
font-family : "Lucida Grande", Tahoma, Arial, sans-serif; font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
@ -87,11 +87,12 @@ ul.feedList li.feedCat {
font-size : 12px; font-size : 12px;
} }
ul.feedList li.feedCat a { ul.feedList li.feedCat span.catTitle {
color : #707070; color : #707070;
cursor : pointer;
} }
ul.feedList li.feedCat a:hover { ul.feedList li.feedCat span.catTitle:hover {
color : #4684ff; color : #4684ff;
} }
@ -108,7 +109,7 @@ ul.feedList li.feedCatSelected a {
ul.feedCatList { ul.feedCatList {
list-style-type : none; list-style-type : none;
margin : 0px 0px 0px 15px; margin : 0px 0px 0px 20px;
padding : 0px; padding : 0px;
} }