These are unused partials from the removed buckets#index view
This commit is contained in:
@@ -1,40 +0,0 @@
|
||||
@layer components {
|
||||
.collection {
|
||||
inline-size: min(35ch, 40%);
|
||||
line-height: 1.2;
|
||||
|
||||
mark {
|
||||
background-color: transparent;
|
||||
color: var(--color-link);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.collections {
|
||||
--gap: 2cqi;
|
||||
--hover-size: 0;
|
||||
--column-gap: var(--gap);
|
||||
--row-gap: var(--gap);
|
||||
|
||||
list-style: none;
|
||||
padding: var(--gap);
|
||||
}
|
||||
|
||||
.collection__button {
|
||||
position: absolute;
|
||||
inset: calc((var(--btn-size) * -1) - 2cqi) 1cqi auto auto;
|
||||
}
|
||||
|
||||
.collection__cards {
|
||||
--border-radius: 1.5em;
|
||||
|
||||
margin-block: 0;
|
||||
max-inline-size: 100%;
|
||||
padding: 1cqi;
|
||||
}
|
||||
|
||||
.cards__container {
|
||||
aspect-ratio: 18 / 9;
|
||||
container-type: inline-size;
|
||||
}
|
||||
}
|
||||
@@ -1,27 +0,0 @@
|
||||
<li class="collection flex flex-column txt-align-center max-width">
|
||||
<%= link_to cards_path(collection_ids: [ collection ]),
|
||||
class: "border border-radius margin-block-end-half cards__container flex justify-center align-center position-relative",
|
||||
aria: { hidden: true }, tabindex: -1 do %>
|
||||
<div class="cards collection__cards flex flex-wrap gap justify-center align-end" style="view-transition-name: cards_<%= collection.id %>">
|
||||
<% collection.cards.active.published_or_drafted_by(Current.user).ordered_by_activity.limit(10).each do |card| %>
|
||||
<div class="<%= class_names("card", drafted: card.drafted?) %>" style="--card-color: <%= card.color %>; <%= card_rotation(card) %>"
|
||||
data-card-size-target="card"
|
||||
data-activity-score="<%= card.activity_score %>"
|
||||
data-activity-score-at="<%= card.activity_score_at.to_i %>">
|
||||
<span class="card__shape"></span>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="flex align-center justify-center flex-column flex-wrap center gap-half position-relative full-width">
|
||||
<%= link_to cards_path(collection_ids: [ collection ]), class: "txt-ink flex flex-column" do %>
|
||||
<strong class="txt-large"><%= collection.name %></strong>
|
||||
<% end %>
|
||||
|
||||
<%= link_to edit_collection_path(collection), class: "btn txt-small collection__button" do %>
|
||||
<%= icon_tag "settings" %>
|
||||
<span class="for-screen-reader">Settings for <%= collection.name %></span>
|
||||
<% end %>
|
||||
</div>
|
||||
</li>
|
||||
@@ -1,28 +0,0 @@
|
||||
<% cache_if filter.cacheable?, filter do %>
|
||||
<li class="collection flex flex-column txt-align-center max-width position-relative">
|
||||
<%= link_to cards_path(**filter.as_params),
|
||||
class: "border border-radius margin-block-end-half cards__container flex justify-center align-center position-relative",
|
||||
aria: { hidden: true }, tabindex: -1 do %>
|
||||
<div class="cards collection__cards flex flex-wrap gap justify-center align-end" style="view-transition-name: cards_<%= filter.id %>">
|
||||
<% filter.cards.ordered_by_activity.limit(10).each do |card| %>
|
||||
<div class="<%= class_names("card", drafted: card.drafted?) %>" style="--card-color: <%= card.color %>; <%= card_rotation(card) %>"
|
||||
data-card-size-target="card"
|
||||
data-activity-score="<%= card.activity_score %>"
|
||||
data-activity-score-at="<%= card.activity_score_at.to_i %>">
|
||||
<span class="card__shape"></span>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="flex align-center justify-center flex-column flex-wrap center gap-half position-relative full-width">
|
||||
<%= link_to cards_path(**filter.as_params), class: "txt-ink" do %>
|
||||
<strong class="txt-medium"><%= icon_tag "filter", class: "flex-inline", style: "vertical-align: bottom" %> <%= filter.summary %></strong>
|
||||
<% end %>
|
||||
<%= button_to filter_path(filter), method: :delete, class: "btn txt-small btn--negative collection__button", data: { turbo_confirm: "Are you sure you want to delete this filter?" } do %>
|
||||
<%= icon_tag "minus" %>
|
||||
<span class="for-screen-reader">Delete</span>
|
||||
<% end %>
|
||||
</div>
|
||||
</li>
|
||||
<% end %>
|
||||
Reference in New Issue
Block a user