mirror of
https://github.com/redmine/redmine.git
synced 2025-11-12 16:26:03 +01:00
Refactor thumbnail markup for improved structure and semantics (#42133).
Patch by Katsuya HIDAKA (user:hidakatsuya). git-svn-id: https://svn.redmine.org/redmine/trunk@23460 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
@@ -1126,8 +1126,8 @@ div.attachments img { vertical-align: middle; }
|
||||
div.attachments span.author { font-size: 0.9em; color: #888; }
|
||||
|
||||
div.thumbnails {margin:0.6em;}
|
||||
div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
|
||||
div.thumbnails img {margin: 3px; vertical-align: middle;}
|
||||
div.thumbnail {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
|
||||
div.thumbnail img {margin: 3px; vertical-align: middle;}
|
||||
#history div.thumbnails {margin-left: 2em;}
|
||||
|
||||
p.other-formats { text-align: right; font-size:0.9em; color: #666; }
|
||||
|
||||
@@ -346,19 +346,18 @@ module ApplicationHelper
|
||||
def thumbnail_tag(attachment)
|
||||
thumbnail_size = Setting.thumbnails_size.to_i
|
||||
thumbnail_path = thumbnail_path(attachment, :size => thumbnail_size * 2)
|
||||
link_to(
|
||||
image_tag(
|
||||
thumbnail_path,
|
||||
:srcset => "#{thumbnail_path} 2x",
|
||||
:style => "max-width: #{thumbnail_size}px; max-height: #{thumbnail_size}px;",
|
||||
:title => attachment.filename,
|
||||
:alt => attachment.filename,
|
||||
:loading => "lazy"
|
||||
),
|
||||
attachment_path(
|
||||
attachment
|
||||
tag.div class: 'thumbnail', title: attachment.filename do
|
||||
link_to(
|
||||
image_tag(
|
||||
thumbnail_path,
|
||||
:srcset => "#{thumbnail_path} 2x",
|
||||
:style => "max-width: #{thumbnail_size}px; max-height: #{thumbnail_size}px;",
|
||||
:alt => attachment.filename,
|
||||
:loading => "lazy"
|
||||
),
|
||||
attachment_path(attachment)
|
||||
)
|
||||
)
|
||||
end
|
||||
end
|
||||
|
||||
def toggle_link(name, id, options={})
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
<% if images.any? %>
|
||||
<div class="thumbnails">
|
||||
<% images.each do |attachment| %>
|
||||
<div><%= thumbnail_tag(attachment) %></div>
|
||||
<%= thumbnail_tag(attachment) %>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
<% if Setting.thumbnails_enabled? && (thumbnail_attachments = journal_thumbnail_attachments(journal)).any? %>
|
||||
<div class="thumbnails">
|
||||
<% thumbnail_attachments.each do |attachment| %>
|
||||
<div><%= thumbnail_tag(attachment) %></div>
|
||||
<%= thumbnail_tag(attachment) %>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
@@ -1918,11 +1918,12 @@ class ApplicationHelperTest < Redmine::HelperTest
|
||||
end
|
||||
|
||||
def test_thumbnail_tag
|
||||
a = Attachment.find(3)
|
||||
assert_select_in(
|
||||
thumbnail_tag(a),
|
||||
'a[href=?] img[title=?][alt=?][src=?][loading="lazy"]',
|
||||
"/attachments/3", "logo.gif", "logo.gif", "/attachments/thumbnail/3/200")
|
||||
attachment = Attachment.find(3)
|
||||
assert_select_in thumbnail_tag(attachment), 'div.thumbnail[title=?]', 'logo.gif' do
|
||||
assert_select 'a[href=?]', '/attachments/3' do
|
||||
assert_select 'img[alt=?][src=?][loading="lazy"]', "logo.gif", "/attachments/thumbnail/3/200"
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
def test_link_to_project
|
||||
|
||||
Reference in New Issue
Block a user