From 0e20f29da0f98058ecbc4d496896f0360aa8c7a7 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 29 Oct 2025 11:16:20 -0500
Subject: [PATCH] Transition the top margin

---
 app/assets/stylesheets/card-columns.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 75c51b576..d1e406b3e 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -65,8 +65,10 @@
 
     border-radius: calc(var(--column-width-collapsed) / 2);
     inline-size: var(--column-width-expanded);
+    margin-block-start: 0;
     position: relative;
     scroll-snap-align: start;
+    transition: margin-block-start var(--column-transition-duration) var(--ease-out-overshoot-subtle);
 
     .no-transitions & {
       transition: none;
@@ -125,6 +127,10 @@
     .cards--grid & {
       display: contents;
     }
+
+    .no-transitions & {
+      transition: none;
+    }
   }
 
   .cards__new-column {