adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-08-09 18:23:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Feature 940 : improve ordering by rank by clip thumbnail to a square

Browse Source 
git-svn-id: http://piwigo.org/svn/trunk@5187 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
nikrou
2010-03-19 10:17:14 +00:00
parent 872463cab1
commit b7fee65e8f
3 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/themes/default/template/element_set_ranks.tpl
+6 -2
View File
@@ -34,8 +34,12 @@
{if !empty($thumbnails)}
<ul class="thumbnails">
{foreach from=$thumbnails item=thumbnail}
<li class="rank-of-image">
<img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="">
<li class="rank-of-image">
<div class="clipwrapper">
<div class="clip" style="clip:rect({$thumbnail.CLIP_TOP}px {$thumbnail.CLIP_RIGHT}px {$thumbnail.CLIP_BOTTOM}px {$thumbnail.CLIP_LEFT}px);top:-{$thumbnail.CLIP_TOP}px;left:-{$thumbnail.CLIP_LEFT}px">
<img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="">
</div>
</div>
<input type="text" name="rank_of_image[{$thumbnail.ID}]" value="{$thumbnail.RANK}">
</li>
{/foreach}
admin/themes/default/thumbnails.css
+10 -3
View File
@@ -17,16 +17,23 @@
margin: 10px;
}
.content ul.thumbnails li.rank-of-image img {
margin: 0 20px;
padding: 4px 2px;
float: left;
}
.clipwrapper {
position:relative;
width: 96px;
height: 96px;
margin: 4px;
float: left;
}
.clip {
position:absolute;
}
.content ul.thumbnails li.rank-of-image input {
height: 12px;
width: 50px;
position: relative;
top: 0;
top: 4px;
}
.content UL.thumbnails SPAN.wrap1 {
margin: 0 5px 5px 5px;