feature 1529: make the checked tags more obvious (distinct background color)
git-svn-id: http://piwigo.org/svn/trunk@5366 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
parent
b0199cf741
commit
41de132f1e
5 changed files with 25 additions and 1 deletions
|
|
@ -73,6 +73,9 @@ TEXTAREA { cursor:text; font-size: 13px; }
|
||||||
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
|
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
|
||||||
}
|
}
|
||||||
.tagSelection label { padding-right:12px; }
|
.tagSelection label { padding-right:12px; }
|
||||||
|
.tagSelection LI.tagSelected {background-color:#dbe8f3;}
|
||||||
|
.tagSelected LABEL {color:black;}
|
||||||
|
|
||||||
.content ul.categoryActions a img { margin-left: 10px; }
|
.content ul.categoryActions a img { margin-left: 10px; }
|
||||||
ul.thumbnails input { border:3px double #666; color:#666; font-size:10px; margin:0; background-color:#bbb; text-align: center;}
|
ul.thumbnails input { border:3px double #666; color:#666; font-size:10px; margin:0; background-color:#bbb; text-align: center;}
|
||||||
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { cursor: pointer; }
|
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { cursor: pointer; }
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
|
{include file='include/tag_selection.inc.tpl'}
|
||||||
{include file='include/datepicker.inc.tpl'}
|
{include file='include/datepicker.inc.tpl'}
|
||||||
|
|
||||||
{literal}
|
{literal}
|
||||||
|
|
|
||||||
17
admin/themes/default/template/include/tag_selection.inc.tpl
Normal file
17
admin/themes/default/template/include/tag_selection.inc.tpl
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
{literal}
|
||||||
|
<script>
|
||||||
|
$(document).ready(function(){
|
||||||
|
$(".tagSelection label").click(function () {
|
||||||
|
var parent = $(this).parent('li');
|
||||||
|
var checkbox = $(this).children("input[type=checkbox]");
|
||||||
|
|
||||||
|
if ($(checkbox).is(':checked')) {
|
||||||
|
$(parent).addClass("tagSelected");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$(parent).removeClass('tagSelected');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{/literal}
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
{include file='include/tag_selection.inc.tpl'}
|
||||||
|
|
||||||
<div class="titrePage">
|
<div class="titrePage">
|
||||||
<h2>{'Manage tags'|@translate}</h2>
|
<h2>{'Manage tags'|@translate}</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -84,6 +84,8 @@ TEXTAREA { cursor:text; font-size: 13px; }
|
||||||
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
|
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
|
||||||
}
|
}
|
||||||
.tagSelection label { padding-right:12px; }
|
.tagSelection label { padding-right:12px; }
|
||||||
|
.tagSelection LI.tagSelected {background-color:#444;}
|
||||||
|
.tagSelected LABEL {color:#ccc;}
|
||||||
.content ul.categoryActions a img { margin-left: 10px; }
|
.content ul.categoryActions a img { margin-left: 10px; }
|
||||||
ul.thumbnails input { border:3px double #999; color:#999; font-size:10px; margin:0; background-color:#444; text-align: center;}
|
ul.thumbnails input { border:3px double #999; color:#999; font-size:10px; margin:0; background-color:#444; text-align: center;}
|
||||||
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { cursor: pointer; }
|
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { cursor: pointer; }
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue