From b421c48595a13acd26a109f3233c12d2f8ac2f2e Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 5 Nov 2025 10:07:40 -0600
Subject: [PATCH] Move translate to the translate container

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

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 753c90e63..4c4595e6b 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -67,12 +67,6 @@
     inline-size: var(--column-width-expanded);
     position: relative;
     scroll-snap-align: start;
-    translate: 0;
-    transition: translate var(--column-transition-duration) var(--ease-out-overshoot-subtle);
-
-    .no-transitions & {
-      transition: none;
-    }
 
     &:not(.is-collapsed) {
       padding-inline: var(--column-padding-expanded);
@@ -85,10 +79,6 @@
       .card {
         display: none;
       }
-
-      &:not(.cards--considering) {
-        translate: 0 var(--column-width-collapsed);
-      }
     }
 
     &.drag-and-drop__hover-container {
@@ -106,6 +96,16 @@
 
   .cards__transition-container {
     block-size: 100%;
+    translate: 0;
+    transition: translate var(--column-transition-duration) var(--ease-out-overshoot-subtle);
+
+    .is-collapsed:not(.cards--considering) & {
+      translate: 0 var(--column-width-collapsed);
+    }
+
+    .no-transitions & {
+      transition: none;
+    }
   }
 
   .cards__header {