improved UI for checked items to be deleted
This commit is contained in:
parent
484b248f73
commit
787f079d13
4 changed files with 20 additions and 7 deletions
|
@ -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');
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue