-
-
improved tags page design;
- Browse files
-
-
- commited on 2013-02-04
-
1 parent fb77ac9commit a5aafb1010ef5cf1a813aee37ef4a47764d8f0a7
Showing 2 changed files
with
10 additions
and
4 deletions
BIN
public/image/tag.png
+10
-4
templates/main/tags.html.ep
| ... | ... |
@@ -36,12 +36,17 @@ |
| 36 | 36 |
} |
| 37 | 37 |
|
| 38 | 38 |
/* tags */ |
| 39 |
- .tags {
|
|
| 40 |
- border-top:1px solid #E5E5E5; |
|
| 41 |
- } |
|
| 42 | 39 |
.tag {
|
| 43 | 40 |
border-bottom:1px solid #E5E5E5; |
| 44 | 41 |
padding:5px; |
| 42 |
+ padding-left:28px; |
|
| 43 |
+ background-image:url(<%= url_for('/image/tag.png') %>);
|
|
| 44 |
+ text-decoration:none; |
|
| 45 |
+ background-repeat:no-repeat; |
|
| 46 |
+ background-position:5px 7px; |
|
| 47 |
+ } |
|
| 48 |
+ .tag_last {
|
|
| 49 |
+ border-bottom:none; |
|
| 45 | 50 |
} |
| 46 | 51 |
.tag .ttop {
|
| 47 | 52 |
padding-bottom:3px; |
| ... | ... |
@@ -86,7 +91,8 @@ |
| 86 | 91 |
% for (my $i = 0; $i < @$tags; $i++) {
|
| 87 | 92 |
% my $tag = $tags->[$i]; |
| 88 | 93 |
% my $name = $tag->{name};
|
| 89 |
- <div class="tag"> |
|
| 94 |
+ % my $tag_class = $i == @$tags - 1 ? 'tag tag_last' : 'tag'; |
|
| 95 |
+ <div class="<%= $tag_class %>"> |
|
| 90 | 96 |
<div class="ttop"> |
| 91 | 97 |
<div class="tname"><%= $name %></div> |
| 92 | 98 |
<div class="tarchive"> |