<% r = image.children.find(:all, :order => :updated_at, :conditions => ['type = ?', 'UploadedFile']).last(3) %>
<% if r.length > 0 %>
- <% r.each do |i| %>
- <%= link_to '', i.view_url, :class => "search-image-pic", :style => 'background-image: url(%s)'% i.public_filename(:thumb) %>
+ <% r.each_index do |i| img = r[i] %>
+ <%= link_to '', img.view_url, :class => "search-image-pic pic-num#{i+1}",
+ :style => 'background-image: url(%s)'% img.public_filename(:thumb) %>
<% end %>
<% else %>
<%= _('No image') %>
diff --git a/public/stylesheets/search.css b/public/stylesheets/search.css
index ac4026c..15c5b86 100644
--- a/public/stylesheets/search.css
+++ b/public/stylesheets/search.css
@@ -736,10 +736,18 @@ li.search-product-item hr {
min-height: 98px;
position: absolute;
}
+.search-gallery .search-content-first-column {
+ width: 190px;
+}
+
.search-content-second-column {
margin-left: 140px;
width: auto;
}
+.search-gallery .search-content-second-column {
+ margin-left: 200px;
+}
+
.search-content-second-column tr:hover {
background-color: none;
}
@@ -807,15 +815,45 @@ a.search-image-pic {
display: table-cell;
vertical-align: middle;
}
+
.search-gallery-items a.search-image-pic {
float:left;
margin:0 2px;
}
+
+
.search-gallery .search-gallery-items {
float: left;
- margin: 0 10px 0 0;
+ margin: 0;
min-width: 130px;
+ position: relative;
}
+
+.search-gallery .search-gallery-items a.search-image-pic {
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ width: 62px;
+ margin: 0px 0px 1px 1px;
+ background-size: cover;
+ background-position: 50% 10%;
+ float: none;
+}
+
+.search-gallery .search-gallery-items a.search-image-pic.pic-num1,
+.search-gallery .search-gallery-items a.search-image-pic.pic-num2 {
+ display: block;
+ width: 60px;
+ height: 49px;
+}
+.search-gallery .search-gallery-items a.search-image-pic.pic-num3 {
+ width: 130px;
+ height: 99px;
+ position: absolute;
+ left: 61px;
+ top: 0px;
+}
+
.search-content-first-column .search-image-container .search-image-pic
.search-uploaded-file-first-column .search-image-container .search-image-pic {
display: block;
--
libgit2 0.21.2