From 79e87b7d899189c68afa8fc9932d53cc77fdc4e0 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 14 Jan 2024 18:29:11 +0800
Subject: [PATCH] A little transition when expanding replies

---
 src/app.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/app.css b/src/app.css
index 9af5af0..b766d41 100644
--- a/src/app.css
+++ b/src/app.css
@@ -645,6 +645,16 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
     var(--bg-faded-color)
   );
 }
+@keyframes summary-fade {
+  0% {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .timeline.contextual > li .replies[open] > .replies-summary {
   border-bottom-left-radius: 0;
 
@@ -659,6 +669,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   .replies-summary-chevron {
     transform: rotate(180deg);
   }
+
+  + * {
+    animation: summary-fade 0.3s ease-out both;
+  }
 }
 .timeline.contextual > li .replies .replies-summary[hidden] {
   display: none;