From 38489dbfeb16fdec127f8aea0264772aad0164f4 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 3 Feb 2026 03:03:50 +0200
Subject: [PATCH] style/collapsible widget: fade content when expanding or
 collapsing

---
 apps/client/src/widgets/react/Collapsible.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/apps/client/src/widgets/react/Collapsible.css b/apps/client/src/widgets/react/Collapsible.css
index a3222d20a8..7acf628f71 100644
--- a/apps/client/src/widgets/react/Collapsible.css
+++ b/apps/client/src/widgets/react/Collapsible.css
@@ -25,17 +25,26 @@
 
     .collapsible-inner-body {
         padding-top: 0.5em;
+        opacity: 0;
     }
 
     &.expanded {
         .collapsible-title .arrow {
             transform: rotate(90deg);
         }
+
+        .collapsible-inner-body {
+            opacity: 1;
+        }
     }
 
     &.with-transition {
         .collapsible-body {
             transition: height 250ms ease-in;
         }
+
+        .collapsible-inner-body {
+            transition: opacity 250ms ease-in;
+        }
     }
 }