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
|
* sprintf in javascript
|
||||||
* "{0} and {1}".format('zero','uno');
|
* "{0} and {1}".format('zero','uno');
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue