From 4c41e58f53773f9316af1ef23cb643ac4004471d Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <fox@madoka.spb.ru>
Date: Thu, 28 Aug 2008 06:10:05 +0100
Subject: [PATCH] add new widgets to collapse categories, unify behaviour wnen
 clicking on category/feed title

---
 functions.php             |  24 ++++++++++++++----------
 images/cat-collapse.png   | Bin 0 -> 161 bytes
 themes/compat/theme.css   |   5 ++---
 themes/graycube/theme.css |   5 ++---
 tt-rss.css                |   9 +++++----
 5 files changed, 23 insertions(+), 20 deletions(-)
 create mode 100644 images/cat-collapse.png

diff --git a/functions.php b/functions.php
index 3c21eda84..b616858b6 100644
--- a/functions.php
+++ b/functions.php
@@ -4087,23 +4087,27 @@
 
 			$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) {
-				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 {
-				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\" 
 				class=\"$catctr_class\">($cat_unread)</span> $ellipsis";
 
-			if ($can_browse) {
-				print "</a>";
-			} else {
-				print "</span>";
-			}
+			print "</span>";
 
 			print "</li>";
 
diff --git a/images/cat-collapse.png b/images/cat-collapse.png
new file mode 100644
index 0000000000000000000000000000000000000000..46152e74acbb51f19327f0643a80d480d03b8171
GIT binary patch
literal 161
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP%zlj
z#WBR9_pbjz!2<>yUgpIj?#Uu%#`m{5);{yAD{9zqEoTDHq`=I1r~d3a>yxEAvo=(b
z{bK03S$7TxvO8EFylXGFQ=R+g?8^+Ii_YjWxR_@$n0?e&aei8Q#SdsagQu&X%Q~lo
FCIEd3Gc5oB

literal 0
HcmV?d00001

diff --git a/themes/compat/theme.css b/themes/compat/theme.css
index 7b5baef41..fab031301 100644
--- a/themes/compat/theme.css
+++ b/themes/compat/theme.css
@@ -54,14 +54,13 @@ ul.feedList li.feedCat {
 	margin : 0px;
 	padding : 3px 0px 3px 0px;
 	color : #707070;
-	font-size : x-small;
 }
 
-ul.feedList li.feedCat a {
+ul.feedList li.feedCat span.catTitle {
 	color : #707070;
 }
 
-ul.feedList li.feedCat a:hover {
+ul.feedList li.feedCat span.catTitle:hover {
 	color : #5050aa;
 }
 
diff --git a/themes/graycube/theme.css b/themes/graycube/theme.css
index b7d0ac8b6..11567efd3 100644
--- a/themes/graycube/theme.css
+++ b/themes/graycube/theme.css
@@ -158,7 +158,6 @@ div.postReply > div.postHeader {
 
 ul.feedList {
 	list-style-type : none;
-	margin : 5px;
 	padding : 0px 0px 0px 5px;
 	font-size : 9pt;
 }
@@ -174,13 +173,13 @@ ul.feedList li.feedCat {
 	font-size : 9pt;
 }
 
-ul.feedList li.feedCat a:hover {
+ul.feedList li.feedCat span.catTitle:hover {
 	color : black;
 }
 
 ul.feedCatList {
 	list-style-type : none;
-	margin : 0px 0px 0px 10px;
+	margin : 0px 0px 0px 15px;
 	padding : 0px;  
 }
 
diff --git a/tt-rss.css b/tt-rss.css
index e52d4717a..9e8dfb43b 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -74,7 +74,7 @@ div.postReply span.author {
 
 ul.feedList {
 	list-style-type : none;
-	margin : 5px;
+	margin : 5px 5px 5px 0px;
 	padding : 0px 0px 0px 5px;
 	font-size : 12px;
 	font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
@@ -87,11 +87,12 @@ ul.feedList li.feedCat {
 	font-size : 12px;
 }
 
-ul.feedList li.feedCat a {
+ul.feedList li.feedCat span.catTitle {
 	color : #707070;
+	cursor : pointer;
 }
 
-ul.feedList li.feedCat a:hover {
+ul.feedList li.feedCat span.catTitle:hover {
 	color : #4684ff;
 }
 
@@ -108,7 +109,7 @@ ul.feedList li.feedCatSelected a {
 
 ul.feedCatList {
 	list-style-type : none;
-	margin : 0px 0px 0px 15px;
+	margin : 0px 0px 0px 20px;
 	padding : 0px;  
 }