improved UI for checked items to be deleted

diff --git a/include/main.js b/include/main.js
index 3cc6079778812cc69564a6dc9f9e29b00390ebfe..5b9dae46104839524c60713a8e2fd90bdee8043e 100644 (file)
--- 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 2c3700c4364eb67f3d388cad564b2882ffe96c1b..8bebecbd7b3ea2fbe444e11d0acfa3a056e5d817 100644 (file)
--- 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 9ab3bb6bccb914e1b626ce1ef84139e8b7825ba8..d43ab19edc1b392ece53c15f31c1c9eba97e02ab 100644 (file)
--- 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 b10c2109352ae8dacf1fd2f461be858b6135502a..30a30a0c6d45ca0654499270e7fc3e6645aa8a95 100644 (file)
--- 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>