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
* "{0} and {1}".format('zero','uno');

View file

@ -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;
}

View file

@ -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;
}

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>
</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>