diff options
| author | Friendika <info@friendika.com> | 2011-06-17 22:58:15 -0700 |
|---|---|---|
| committer | Friendika <info@friendika.com> | 2011-06-17 22:58:15 -0700 |
| commit | 787f079d13070dd691af8fcdde76de2649dcbb0f (patch) | |
| tree | ed0cecb41db6eb81fd7511d3d701dc2b7f0ba2c0 | |
| parent | 484b248f735b22e7a28f4720c3997746f5c10ced (diff) | |
| download | volse-hubzilla-787f079d13070dd691af8fcdde76de2649dcbb0f.tar.gz volse-hubzilla-787f079d13070dd691af8fcdde76de2649dcbb0f.tar.bz2 volse-hubzilla-787f079d13070dd691af8fcdde76de2649dcbb0f.zip | |
improved UI for checked items to be deleted
| -rw-r--r-- | include/main.js | 11 | ||||
| -rw-r--r-- | view/theme/duepuntozero/style.css | 7 | ||||
| -rw-r--r-- | view/theme/loozah/style.css | 7 | ||||
| -rw-r--r-- | view/wall_item_drop.tpl | 2 |
4 files changed, 20 insertions, 7 deletions
diff --git a/include/main.js b/include/main.js index 3cc607977..5b9dae461 100644 --- 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 2c3700c43..8bebecbd7 100644 --- 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 9ab3bb6bc..d43ab19ed 100644 --- 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 b10c21093..30a30a0c6 100644 --- 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> |