From 787f079d13070dd691af8fcdde76de2649dcbb0f Mon Sep 17 00:00:00 2001
From: Friendika <info@friendika.com>
Date: Fri, 17 Jun 2011 22:58:15 -0700
Subject: [PATCH] improved UI for checked items to be deleted

---
 include/main.js                   | 11 +++++++++++
 view/theme/duepuntozero/style.css |  7 ++++---
 view/theme/loozah/style.css       |  7 ++++---
 view/wall_item_drop.tpl           |  2 +-
 4 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/include/main.js b/include/main.js
index 3cc6079778..5b9dae4610 100644
--- a/include/main.js
+++ b/include/main.js
@@ -287,6 +287,17 @@
 		});
 	}
 
+function checkboxhighlight(box) {
+  if($(box).is(':checked')) {
+	$(box).addClass('checkeditem');
+  }
+  else {
+	$(box).removeClass('checkeditem');
+  }
+}
+
+
+
 /** 
  * sprintf in javascript 
  *	"{0} and {1}".format('zero','uno'); 
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 2c3700c436..8bebecbd7b 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -2490,17 +2490,18 @@ a.mail-list-link {
 }
 
 .item-select {
-	opacity: 0.3;
-	filter:alpha(opacity=30);
+	opacity: 0.1;
+	filter:alpha(opacity=10);
 	float: right;
 	margin-right: 10px;
 
 }
-.item-select:hover {
+.item-select:hover, .checkeditem {
 	opacity: 1;
 	filter:alpha(opacity=100);
 }
 
+
 #item-delete-selected {
 	margin-top: 30px;
 }
diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index 9ab3bb6bcc..d43ab19edc 100644
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -2519,17 +2519,18 @@ a.mail-list-link {
 
 
 .item-select {
-	opacity: 0.3;
-	filter:alpha(opacity=30);
+	opacity: 0.1;
+	filter:alpha(opacity=10);
 	float: right;
 	margin-right: 10px;
 
 }
-.item-select:hover {
+.item-select:hover, .checkeditem {
 	opacity: 1;
 	filter:alpha(opacity=100);
 }
 
+
 #item-delete-selected {
 	margin-top: 30px;
 }
diff --git a/view/wall_item_drop.tpl b/view/wall_item_drop.tpl
index b10c210935..30a30a0c6d 100644
--- a/view/wall_item_drop.tpl
+++ b/view/wall_item_drop.tpl
@@ -2,5 +2,5 @@
 	
 	<a href="item/drop/$id" onclick="return confirmDelete();" class="icon drophide" title="$delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a>
 </div>
-<input type="checkbox" class="item-select" name="itemselected[]" value="$id" />
+<input type="checkbox" onclick="checkboxhighlight(this);" class="item-select" name="itemselected[]" value="$id" />
 <div class="wall-item-delete-end"></div>