Refactor CSS to use standard Tailwind-style utility classes instead of ad-hoc rules. This eliminates a lot of single-purpose rules for specific UI elements and standardizes margins to be more consistent throughout the site. Utility classes are defined manually on an as-needed basis instead of importing Tailwind as a whole. Naming conventions mostly follow Tailwind's conventions, otherwise they follow Bootstrap. * https://tailwindcss.com/docs/ * https://getbootstrap.com/docs/5.0/utilities/spacing/
54 lines
1.9 KiB
Plaintext
54 lines
1.9 KiB
Plaintext
<ul>
|
|
<li id="post-info-id">ID: <%= post.id %></li>
|
|
<li id="post-info-uploader">
|
|
Uploader: <%= link_to_user(post.uploader) %>
|
|
<%= link_to "»", posts_path(tags: "user:#{post.uploader.name}") %>
|
|
</li>
|
|
<li id="post-info-date">
|
|
Date: <%= link_to time_ago_in_words_tagged(post.created_at), posts_path(tags: "date:#{post.created_at.to_date}") %>
|
|
</li>
|
|
<% if post.approver %>
|
|
<li id="post-info-approver">
|
|
Approver: <%= link_to_user(post.approver) %>
|
|
<%= link_to "»", posts_path(tags: "approver:#{post.approver.name}") %>
|
|
</li>
|
|
<% end %>
|
|
<li id="post-info-size">
|
|
Size: <%= link_to_if policy(post).visible?, "#{number_to_human_size(post.file_size)} .#{post.file_ext}", post.tagged_file_url %>
|
|
<% if post.has_dimensions? %>
|
|
(<%= post.image_width %>x<%= post.image_height %>)
|
|
<% end %>
|
|
</li>
|
|
<li id="post-info-source">Source: <%= post_source_tag(post.source, post.normalized_source) %></li>
|
|
<li id="post-info-rating">Rating: <%= post.pretty_rating %></li>
|
|
<li id="post-info-score">
|
|
Score: <%= render_post_votes post, current_user: CurrentUser.user %>
|
|
</li>
|
|
<li id="post-info-favorites">Favorites: <span id="favcount-for-post-<%= post.id %>"><%= post.fav_count %></span>
|
|
<% if policy(post).can_view_favlist? %>
|
|
<%= link_to "Show »", "#", id: "show-favlist-link", style: ("display: none;" if post.fav_count == 0) %>
|
|
<%= link_to "« Hide", "#", id: "hide-favlist-link", style: "display: none;" %>
|
|
<div id="favlist" style="display: none;" class="ml-4">
|
|
<%= render "posts/partials/show/favorite_list", post: post %>
|
|
</div>
|
|
<% end %></li>
|
|
<li id="post-info-status">
|
|
Status:
|
|
<% if post.is_pending? %>
|
|
Pending
|
|
<% elsif post.is_flagged? %>
|
|
Flagged
|
|
<% elsif post.is_appealed? %>
|
|
Appealed
|
|
<% elsif post.is_deleted? %>
|
|
Deleted
|
|
<% else %>
|
|
Active
|
|
<% end %>
|
|
|
|
<% if post.is_banned? %>
|
|
Banned
|
|
<% end %>
|
|
</li>
|
|
</ul>
|