Commit fe43ec783bfb1b34a97841be91945e5c2acc4737

Authored by Keilla Menezes
Committed by Daniela Feitosa
1 parent 0fa19467

Re-write gallery page

(ActionItem1799)
app/views/content_viewer/_article.rhtml
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>
... ...
app/views/content_viewer/_uploaded_file.rhtml
1 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 3 <span><%= image_label(uploaded_file) %></span>
4 4 <% else %>
5 5 <%= render :partial => 'article', :object => uploaded_file %>
... ...
public/designs/icons/tango/mod/96x96/places/folder.png 0 → 100644

3.56 KB

public/designs/icons/tango/style.css
1 1 @import url(ie6.css);
2 2  
  3 +/******************SMALL ICONS********************/
3 4 .icon-edit { background-image: url(Tango/16x16/apps/text-editor.png) }
4 5 .icon-home { background-image: url(Tango/16x16/actions/go-home.png) }
5 6 .icon-new { background-image: url(Tango/16x16/actions/filenew.png) }
... ... @@ -98,3 +99,6 @@
98 99 .icon-locale { background-image: url(Tango/16x16/apps/preferences-desktop-locale.png) }
99 100 .icon-user-removed { background-image: url(Tango/16x16/actions/gtk-cancel.png) }
100 101 .icon-user-unknown { background-image: url(Tango/16x16/status/dialog-error.png) }
  102 +
  103 +/******************LARGE ICONS********************/
  104 +.image-gallery-item .folder { background-image: url(mod/96x96/places/folder.png) }
... ...
public/stylesheets/application.css
... ... @@ -3301,6 +3301,7 @@ div.with_media_panel .formfield input {
3301 3301 margin: 5px;
3302 3302 float: left;
3303 3303 overflow: hidden;
  3304 + background-repeat: no-repeat;
3304 3305 }
3305 3306  
3306 3307 .image-gallery-item span {
... ... @@ -3315,26 +3316,28 @@ div.with_media_panel .formfield input {
3315 3316  
3316 3317 .image-gallery-item img {
3317 3318 padding: 2px;
3318   - border: 1px solid;
3319 3319 }
3320 3320  
3321   -.image-gallery-item .folder, .image-gallery-item .uploaded-file {
3322   - width: 120px;
3323   - height: 120px;
3324   - border: 1px solid;
  3321 +
  3322 +.image-gallery-item a{
  3323 + width: 130px;
  3324 + height: 130px;
3325 3325 }
3326 3326  
3327   -.image-gallery-item .folder {
3328   - background: transparent url('../images/icons-app/gtk-folder.png') no-repeat 50% 43%;
  3327 +.image-gallery-item a {
3329 3328 display: block;
3330 3329 color: #DB8;
  3330 + background-repeat: no-repeat;
  3331 + background-position: 50% 50%;
  3332 + margin: auto;
  3333 +}
  3334 +
  3335 +.image-gallery-item a span {
  3336 + display: none;
3331 3337 }
3332 3338  
3333   -.image-gallery-item .folder:hover {
3334   - border: 4px solid;
3335   - width: 114px;
3336   - height: 114px;
3337   - background-color: #FF9
  3339 +.image-gallery-item a:hover {
  3340 + background-color: #EEE;
3338 3341 }
3339 3342  
3340 3343 .image-gallery-item .uploaded-file {
... ...