archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature 1529: make the checked tags more obvious (distinct background color)

Browse source 
git-svn-id: http://piwigo.org/svn/trunk@5366 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
plegall 2010-03-25 22:29:57 +00:00
commit 41de132f1e
5 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
admin/themes/clear/theme.css
View file

@ -73,6 +73,9 @@ TEXTAREA { cursor:text; font-size: 13px; }
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
.tagSelection label { padding-right:12px; }
.tagSelection LI.tagSelected {background-color:#dbe8f3;}
.tagSelected LABEL {color:black;}
.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;}
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { cursor: pointer; }

2
admin/themes/default/template/element_set_global.tpl
View file

@ -1,4 +1,4 @@
{include file='include/tag_selection.inc.tpl'}
{include file='include/datepicker.inc.tpl'}
{literal}

17
admin/themes/default/template/include/tag_selection.inc.tpl Normal file
View 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}

2
admin/themes/default/template/tags.tpl
View file

@ -1,3 +1,5 @@
{include file='include/tag_selection.inc.tpl'}
<div class="titrePage">
<h2>{'Manage tags'|@translate}</h2>
</div>

2
admin/themes/roma/theme.css
View file

@ -84,6 +84,8 @@ TEXTAREA { cursor:text; font-size: 13px; }
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
.tagSelection label { padding-right:12px; }
.tagSelection LI.tagSelected {background-color:#444;}
.tagSelected LABEL {color:#ccc;}
.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;}
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { cursor: pointer; }