aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes
diff options
context:
space:
mode:
authornikrou <nikrou@piwigo.org>2010-03-19 10:17:14 +0000
committernikrou <nikrou@piwigo.org>2010-03-19 10:17:14 +0000
commitb7fee65e8fccc08b3741bc63725f58aae73eb456 (patch)
tree4e998bc29d4c0c7f6659df9a1f1d20bc00fb360a /admin/themes
parent872463cab18b9c46e64b3ec7e82dacca802f2194 (diff)
Feature 940 : improve ordering by rank by clip thumbnail to a square
git-svn-id: http://piwigo.org/svn/trunk@5187 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/default/template/element_set_ranks.tpl8
-rw-r--r--admin/themes/default/thumbnails.css13
2 files changed, 16 insertions, 5 deletions
diff --git a/admin/themes/default/template/element_set_ranks.tpl b/admin/themes/default/template/element_set_ranks.tpl
index 08921fb48..b45ca5d19 100644
--- a/admin/themes/default/template/element_set_ranks.tpl
+++ b/admin/themes/default/template/element_set_ranks.tpl
@@ -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}
diff --git a/admin/themes/default/thumbnails.css b/admin/themes/default/thumbnails.css
index 432854e4b..f3b34b5c6 100644
--- a/admin/themes/default/thumbnails.css
+++ b/admin/themes/default/thumbnails.css
@@ -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;