Re-write gallery page

(ActionItem1799)

Re-write gallery page
(ActionItem1799)
Keilla Menezes · Daniela Feitosa
1 parent 0fa19467
Showing 5 changed files with 22 additions and 15 deletions Show diff stats
app/views/content_viewer/_article.rhtml
app/views/content_viewer/_uploaded_file.rhtml
public/designs/icons/tango/mod/96x96/places/folder.png
public/designs/icons/tango/style.css
public/stylesheets/application.css
-<%= link_to '', article.url, :class => article.css_class_name %>
-<span><%= link_to article.title, article.view_url %></span>
+<%= link_to content_tag(:span, article.title), article.url, :class => article.css_class_name %>
+<span><%=  article.title %></span>
 <% if uploaded_file.image? %>
-  <div> <%= link_to image_tag(uploaded_file.public_filename(:thumb), :alt => uploaded_file.display_title), uploaded_file.view_url %> </div>
+  <%= link_to content_tag(:span, uploaded_file.display_title), uploaded_file.view_url, :class => 'image', :style => 'background-image: url(%s)'% uploaded_file.public_filename(:thumb) %>
   <span><%= image_label(uploaded_file) %></span>
 <% else %>
   <%= render :partial => 'article', :object => uploaded_file %>
 @import url(ie6.css);
+/******************SMALL ICONS********************/
 .icon-edit      { background-image: url(Tango/16x16/apps/text-editor.png) }
 .icon-home      { background-image: url(Tango/16x16/actions/go-home.png)          }
 .icon-new       { background-image: url(Tango/16x16/actions/filenew.png)              }
@@ -98,3 +99,6 @@
 .icon-locale           { background-image: url(Tango/16x16/apps/preferences-desktop-locale.png) }
 .icon-user-removed           { background-image: url(Tango/16x16/actions/gtk-cancel.png) }
 .icon-user-unknown           { background-image: url(Tango/16x16/status/dialog-error.png) }
+
+/******************LARGE ICONS********************/
+.image-gallery-item .folder { background-image: url(mod/96x96/places/folder.png) }
@@ -3301,6 +3301,7 @@ div.with_media_panel .formfield input {
   margin: 5px;
   float: left;
   overflow: hidden;
+  background-repeat: no-repeat;
 }
 .image-gallery-item span {
@@ -3315,26 +3316,28 @@ div.with_media_panel .formfield input {
 .image-gallery-item img {
   padding: 2px;
-  border: 1px solid;
 }
-.image-gallery-item .folder, .image-gallery-item .uploaded-file {
-  width: 120px;
-  height: 120px;
-  border: 1px solid;
+
+.image-gallery-item a{
+  width: 130px;
+  height: 130px;
 }
-.image-gallery-item .folder {
-  background: transparent url('../images/icons-app/gtk-folder.png') no-repeat 50% 43%;
+.image-gallery-item a {
   display: block;
   color: #DB8;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  margin: auto;
+}
+
+.image-gallery-item a span {
+  display: none;
 }
-.image-gallery-item .folder:hover {
-  border: 4px solid;
-  width: 114px;
-  height: 114px;
-  background-color: #FF9
+.image-gallery-item a:hover {
+  background-color: #EEE;
 }
 .image-gallery-item .uploaded-file {
1	-<%= link_to '', article.url, :class => article.css_class_name %>
2	-<span><%= link_to article.title, article.view_url %></span>	1	+<%= link_to content_tag(:span, article.title), article.url, :class => article.css_class_name %>
		2	+<span><%= article.title %></span>
1	<% if uploaded_file.image? %>	1	<% if uploaded_file.image? %>
2	- <div> <%= link_to image_tag(uploaded_file.public_filename(:thumb), :alt => uploaded_file.display_title), uploaded_file.view_url %> </div>	2	+ <%= link_to content_tag(:span, uploaded_file.display_title), uploaded_file.view_url, :class => 'image', :style => 'background-image: url(%s)'% uploaded_file.public_filename(:thumb) %>
3	<span><%= image_label(uploaded_file) %></span>	3	<span><%= image_label(uploaded_file) %></span>
4	<% else %>	4	<% else %>
5	<%= render :partial => 'article', :object => uploaded_file %>	5	<%= render :partial => 'article', :object => uploaded_file %>