diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css index 82151afcc..7debb7821 100644 --- a/app/assets/stylesheets/cards.css +++ b/app/assets/stylesheets/cards.css @@ -345,7 +345,7 @@ /* Variants /* ------------------------------------------------------------------------ */ - .card--golden.card--doing { + .card--golden:is(.card--doing, .card--considering) { --lch-golden: 89.1% 0.178 95.7; background-color: var(--color-canvas); @@ -363,6 +363,17 @@ @media (prefers-color-scheme: dark) { --lch-golden: var(--lch-blue-medium); } + + &.card--considering { + .card__collection { + background-color: transparent; + color: color-mix(in srgb, var(--card-color) 40%, var(--color-ink)); + } + + .card__collection-name { + border-color: color-mix(in srgb, var(--color-ink) 33%, oklch(var(--lch-golden))); + } + } } .card--notification { diff --git a/app/helpers/cards_helper.rb b/app/helpers/cards_helper.rb index cb72bffd2..985f5a553 100644 --- a/app/helpers/cards_helper.rb +++ b/app/helpers/cards_helper.rb @@ -35,6 +35,7 @@ module CardsHelper classes = [ options.delete(:class), ("card--golden" if card.golden?), + ("card--considering" if card.considering?), ("card--doing" if card.doing?), ("card--drafted" if card.drafted?) ].compact.join(" ") diff --git a/app/models/card/engageable.rb b/app/models/card/engageable.rb index cf8142934..7d26308a2 100644 --- a/app/models/card/engageable.rb +++ b/app/models/card/engageable.rb @@ -9,7 +9,7 @@ module Card::Engageable scope :by_engagement_status, ->(status) do case status.to_s - when "considering" then considering + when "considering" then considering.with_golden_first when "doing" then doing.with_golden_first end end diff --git a/app/views/cards/_container.html.erb b/app/views/cards/_container.html.erb index df7d6c917..42f345bee 100644 --- a/app/views/cards/_container.html.erb +++ b/app/views/cards/_container.html.erb @@ -3,7 +3,7 @@ <%= render "cards/container/engagement", card: card %>