From e6e2401f2f0991209a97d7fd744dbfb603017630 Mon Sep 17 00:00:00 2001 From: Andy Smith Date: Wed, 20 Aug 2025 14:34:50 -0500 Subject: [PATCH] Account for mobile view --- app/assets/stylesheets/card-columns.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index b66584ea9..23b9905a6 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -131,10 +131,15 @@ inset-block-start: 0; justify-content: center; margin-block-start: 1px; - margin-inline: -8px; /* enough to cover card shadows, but avoid overlapping bubbles */ + margin-inline: calc(-1 * var(--cards-gap) - var(--reserved-bubble-space) - var(--main-padding)); /* cover bubbles and cards */ 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 */ + } &, .cards__filter { font-weight: bold;