Commit 3c16867570fd817874fbb3de9c19e510a2ad67bd
Exists in
master
and in
22 other branches
Merge commit 'refs/merge-requests/273' of git://gitorious.org/noosfero/noosfero …
…into merge-requests/273
Showing
2 changed files
with
42 additions
and
3 deletions
Show diff stats
app/views/search/_image.rhtml
@@ -28,8 +28,9 @@ | @@ -28,8 +28,9 @@ | ||
28 | <div class="search-gallery-items"> | 28 | <div class="search-gallery-items"> |
29 | <% r = image.children.find(:all, :order => :updated_at, :conditions => ['type = ?', 'UploadedFile']).last(3) %> | 29 | <% r = image.children.find(:all, :order => :updated_at, :conditions => ['type = ?', 'UploadedFile']).last(3) %> |
30 | <% if r.length > 0 %> | 30 | <% if r.length > 0 %> |
31 | - <% r.each do |i| %> | ||
32 | - <%= link_to '', i.view_url, :class => "search-image-pic", :style => 'background-image: url(%s)'% i.public_filename(:thumb) %> | 31 | + <% r.each_index do |i| img = r[i] %> |
32 | + <%= link_to '', img.view_url, :class => "search-image-pic pic-num#{i+1}", | ||
33 | + :style => 'background-image: url(%s)'% img.public_filename(:thumb) %> | ||
33 | <% end %> | 34 | <% end %> |
34 | <% else %> | 35 | <% else %> |
35 | <div class="search-no-image"><span><%= _('No image') %></span></div> | 36 | <div class="search-no-image"><span><%= _('No image') %></span></div> |
public/stylesheets/search.css
@@ -736,10 +736,18 @@ li.search-product-item hr { | @@ -736,10 +736,18 @@ li.search-product-item hr { | ||
736 | min-height: 98px; | 736 | min-height: 98px; |
737 | position: absolute; | 737 | position: absolute; |
738 | } | 738 | } |
739 | +.search-gallery .search-content-first-column { | ||
740 | + width: 190px; | ||
741 | +} | ||
742 | + | ||
739 | .search-content-second-column { | 743 | .search-content-second-column { |
740 | margin-left: 140px; | 744 | margin-left: 140px; |
741 | width: auto; | 745 | width: auto; |
742 | } | 746 | } |
747 | +.search-gallery .search-content-second-column { | ||
748 | + margin-left: 200px; | ||
749 | +} | ||
750 | + | ||
743 | .search-content-second-column tr:hover { | 751 | .search-content-second-column tr:hover { |
744 | background-color: none; | 752 | background-color: none; |
745 | } | 753 | } |
@@ -807,15 +815,45 @@ a.search-image-pic { | @@ -807,15 +815,45 @@ a.search-image-pic { | ||
807 | display: table-cell; | 815 | display: table-cell; |
808 | vertical-align: middle; | 816 | vertical-align: middle; |
809 | } | 817 | } |
818 | + | ||
810 | .search-gallery-items a.search-image-pic { | 819 | .search-gallery-items a.search-image-pic { |
811 | float:left; | 820 | float:left; |
812 | margin:0 2px; | 821 | margin:0 2px; |
813 | } | 822 | } |
823 | + | ||
824 | + | ||
814 | .search-gallery .search-gallery-items { | 825 | .search-gallery .search-gallery-items { |
815 | float: left; | 826 | float: left; |
816 | - margin: 0 10px 0 0; | 827 | + margin: 0; |
817 | min-width: 130px; | 828 | min-width: 130px; |
829 | + position: relative; | ||
818 | } | 830 | } |
831 | + | ||
832 | +.search-gallery .search-gallery-items a.search-image-pic { | ||
833 | + border: none; | ||
834 | + border-radius: 0; | ||
835 | + box-shadow: none; | ||
836 | + width: 62px; | ||
837 | + margin: 0px 0px 1px 1px; | ||
838 | + background-size: cover; | ||
839 | + background-position: 50% 10%; | ||
840 | + float: none; | ||
841 | +} | ||
842 | + | ||
843 | +.search-gallery .search-gallery-items a.search-image-pic.pic-num1, | ||
844 | +.search-gallery .search-gallery-items a.search-image-pic.pic-num2 { | ||
845 | + display: block; | ||
846 | + width: 60px; | ||
847 | + height: 49px; | ||
848 | +} | ||
849 | +.search-gallery .search-gallery-items a.search-image-pic.pic-num3 { | ||
850 | + width: 130px; | ||
851 | + height: 99px; | ||
852 | + position: absolute; | ||
853 | + left: 61px; | ||
854 | + top: 0px; | ||
855 | +} | ||
856 | + | ||
819 | .search-content-first-column .search-image-container .search-image-pic | 857 | .search-content-first-column .search-image-container .search-image-pic |
820 | .search-uploaded-file-first-column .search-image-container .search-image-pic { | 858 | .search-uploaded-file-first-column .search-image-container .search-image-pic { |
821 | display: block; | 859 | display: block; |