From c3024e251ef35e875aeff595ba0780bc5d820b73 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 29 Oct 2025 11:04:30 -0500
Subject: [PATCH] Also fade out opacity

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

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index e13ba8b59..b258425d8 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -105,11 +105,14 @@
     gap: var(--cards-gap);
     margin-block-start: -1ch;
     margin-inline: -1ch;
+    opacity: 0;
     overflow: hidden;
     translate: 0 -1ch;
-    transition: translate 300ms var(--ease-out-overshoot);
+    transition: 350ms var(--ease-out-overshoot);
+    transition-property: opacity, translate;
 
     .cards:not(.is-collapsed) & {
+      opacity: 1;
       padding: 1ch;
       translate: 0 0;
     }