1
0
Fork 0

improved UI for checked items to be deleted

This commit is contained in:
Friendika 2011-06-17 22:58:15 -07:00
parent 484b248f73
commit 787f079d13
4 changed files with 20 additions and 7 deletions

View file

@ -287,6 +287,17 @@
}); });
} }
function checkboxhighlight(box) {
if($(box).is(':checked')) {
$(box).addClass('checkeditem');
}
else {
$(box).removeClass('checkeditem');
}
}
/** /**
* sprintf in javascript * sprintf in javascript
* "{0} and {1}".format('zero','uno'); * "{0} and {1}".format('zero','uno');

View file

@ -2490,17 +2490,18 @@ a.mail-list-link {
} }
.item-select { .item-select {
opacity: 0.3; opacity: 0.1;
filter:alpha(opacity=30); filter:alpha(opacity=10);
float: right; float: right;
margin-right: 10px; margin-right: 10px;
} }
.item-select:hover { .item-select:hover, .checkeditem {
opacity: 1; opacity: 1;
filter:alpha(opacity=100); filter:alpha(opacity=100);
} }
#item-delete-selected { #item-delete-selected {
margin-top: 30px; margin-top: 30px;
} }

View file

@ -2519,17 +2519,18 @@ a.mail-list-link {
.item-select { .item-select {
opacity: 0.3; opacity: 0.1;
filter:alpha(opacity=30); filter:alpha(opacity=10);
float: right; float: right;
margin-right: 10px; margin-right: 10px;
} }
.item-select:hover { .item-select:hover, .checkeditem {
opacity: 1; opacity: 1;
filter:alpha(opacity=100); filter:alpha(opacity=100);
} }
#item-delete-selected { #item-delete-selected {
margin-top: 30px; margin-top: 30px;
} }

View file

@ -2,5 +2,5 @@
<a href="item/drop/$id" onclick="return confirmDelete();" class="icon drophide" title="$delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a> <a href="item/drop/$id" onclick="return confirmDelete();" class="icon drophide" title="$delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a>
</div> </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> <div class="wall-item-delete-end"></div>