25a33fb9c8
* main: (22 commits) Fix that stage should be visible above card background Indicate opens menu Hide dialog targets from screen readers when closed Mark up as heading for screen reader navigation Copy for screen readers Don't hide the input so it's accessible to screen readers Point skip links to correct anchor, don't navigate with turbo There aren't any `li` children so just use `div` Use headings for screen reader navigation Use `h3` for individual cards in collection view Make collection title `h1` for screen reader navigation Esc should not propagate when closing dialogs squash! Remove session controller actions other than delete Screen reader: Use heading for comments navigation Remove the invitation codes for now Remove session controller actions other than delete Correct label for field Style Screen reader: De-duplicate links for each person in account settings Account.signal_account is no longer optional ...
43 lines
1.7 KiB
Plaintext
43 lines
1.7 KiB
Plaintext
<% draggable = local_assigns.fetch(:draggable, false) && card.published? %>
|
|
|
|
<% cache cacheable_preview_parts_for(card, draggable) do %>
|
|
<%= card_article_tag card, class: "card", draggable: draggable, data: { id: card.id, drag_and_drop_target: "item" } do %>
|
|
<div class="flex flex-column flex-item-grow max-inline-size">
|
|
<header class="card__header">
|
|
<%= render "cards/display/preview/collection", card: card %>
|
|
<%= render "cards/display/preview/tags", card: card %>
|
|
<%= render "cards/display/preview/steps", card: card %>
|
|
|
|
<% if card.staged? && card.doing? %>
|
|
<span class="btn justify-start workflow-stage workflow-stage--current txt-uppercase min-width max-width">
|
|
<span class="overflow-ellipsis "><%= card.stage.name %></span>
|
|
</span>
|
|
<% end %>
|
|
</header>
|
|
|
|
<div class="card__body justify-space-between">
|
|
<div class="card__content">
|
|
<h3 class="card__title overflow-line-clamp">
|
|
<%= card.title %>
|
|
</h3>
|
|
|
|
<%= link_to collection_card_path(card.collection, card), draggable: false, class: "card__link", title: card_title_tag(card), data: { action: "dialog#close", turbo_frame: "_top" } do %>
|
|
<span class="for-screen-reader"><%= card.title %></span>
|
|
<% end %>
|
|
</div>
|
|
|
|
<%= render "cards/stagings/stages", card: card if card.doing? %>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="card__footer">
|
|
<%= render "cards/display/preview/meta", card: card %>
|
|
<%= render "cards/display/common/background", card: card %>
|
|
</footer>
|
|
|
|
<% if card.entropic? %>
|
|
<%= render "cards/display/preview/bubble", card: card %>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|