From c46cf485b645b646af604fc6debd08d1a0566232 Mon Sep 17 00:00:00 2001 From: Andy Smith Date: Wed, 20 Aug 2025 14:37:41 -0500 Subject: [PATCH] Don't touch the closed cards header --- app/assets/stylesheets/card-columns.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 23b9905a6..1ae90d532 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -131,14 +131,16 @@ inset-block-start: 0; justify-content: center; margin-block-start: 1px; - margin-inline: calc(-1 * var(--cards-gap) - var(--reserved-bubble-space) - var(--main-padding)); /* cover bubbles and cards */ + margin-inline: -8px; /* enough to cover card shadows, but avoid overlapping bubbles */ padding-block: var(--cards-gap); position: sticky; z-index: 2; - background: gold !important; - @media (min-width: 640px) { - margin-inline: -8px; /* enough to cover card shadows, but avoid overlapping bubbles */ + /* Cover bubbles and cards on small viewports */ + @media (max-width: 639px) { + &:not(.cards--closed &) { + margin-inline: calc(-1 * var(--cards-gap) - var(--reserved-bubble-space) - var(--main-padding)); + } } &, .cards__filter {