Differentiate, even though they share some properties

This commit is contained in:
Jason Zimdars
2025-11-20 16:02:03 -06:00
committed by Stanko K.R.
parent 6af569ddd8
commit 87c2428d47
4 changed files with 12 additions and 6 deletions
+9 -3
View File
@@ -438,9 +438,7 @@
/* Cover bubbles and cards on small viewports */
@media (max-width: 639px) {
&:not(.cards--closed &) {
margin-inline: calc(-1 * var(--cards-gap) - var(--main-padding));
}
margin-inline: calc(-1 * var(--cards-gap) - var(--main-padding));
}
&, .cards__filter {
@@ -659,6 +657,7 @@
/* On Deck (Not Now)
/* ------------------------------------------------------------------------ */
.cards--closed,
.cards--on-deck {
--card-color: var(--color-ink-light) !important;
@@ -671,6 +670,13 @@
}
}
/* Closed (Done)
/* ------------------------------------------------------------------------ */
.cards--closed {
}
/* Doing
/* -------------------------------------------------------------------------- */
+1 -1
View File
@@ -1,4 +1,4 @@
<%= column_tag id: "closed-cards", name: "Done", drop_url: columns_card_drops_closure_path("__id__"), class: "cards--on-deck", style: "--card-color: var(--color-card-complete);",
<%= column_tag id: "closed-cards", name: "Done", drop_url: columns_card_drops_closure_path("__id__"), class: "cards--closed", style: "--card-color: var(--color-card-complete);",
data: {
drag_and_strum_target: "container",
collapsible_columns_target: "column",
@@ -32,7 +32,7 @@
<% end %>
<% end %>
<%= link_to board_columns_closed_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);", data: { turbo_frame: "_top" } do %>
<%= link_to board_columns_closed_path(board), class: "cards cards--closed is-collapsed", style: "--card-color: var(--color-card-complete);", data: { turbo_frame: "_top" } do %>
<div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.closed.count %>">
<span class="cards__expander-count"><%= board.cards.closed.count %></span>
<h2 class="cards__expander-title">
@@ -1,4 +1,4 @@
<section id="closed-cards" class="cards cards--on-deck is-collapsed" style="--card-color: var(--color-card-complete);"
<section id="closed-cards" class="cards cards--closed is-collapsed" style="--card-color: var(--color-card-complete);"
data-collapsible-columns-target="column"
data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle"
>