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/
31 lines
967 B
Plaintext
31 lines
967 B
Plaintext
<% page_title "Order Pool" %>
|
|
<%= render "pools/secondary_links" %>
|
|
|
|
<div id="c-pool-orders">
|
|
<div id="a-edit">
|
|
<h1>Order Pool: <%= @pool.pretty_name %></h1>
|
|
|
|
<%= edit_form_for(@pool, format: :js, html: { id: "ordering-form" }) do |f| %>
|
|
<% if @pool.post_count <= Pool::POOL_ORDER_LIMIT %>
|
|
<p>Drag and drop the list below to determine ordering.</p>
|
|
|
|
<%= render "posts/partials/common/inline_blacklist" %>
|
|
|
|
<ul id="sortable">
|
|
<% @pool.posts.each do |post| %>
|
|
<%= tag.li id: "pool[post_ids]_#{post.id}" do -%>
|
|
<%= post_preview(post, show_deleted: true).presence || "Hidden: Post ##{post.id}" -%>
|
|
<% end -%>
|
|
<% end %>
|
|
</ul>
|
|
<% else %>
|
|
<p>Reorder the post IDs in the text box below to reorder the pool.</p>
|
|
|
|
<%= f.input :post_ids_string, as: :text, label: "Posts" %>
|
|
<% end %>
|
|
|
|
<%= f.submit "Save" %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|