From 8bff844a5f5203e7ae254eced4c0930a464b6b98 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Thu, 6 Nov 2025 11:36:54 +0100
Subject: [PATCH] User Note: Add transition for gradient (#6446)

---
 .../common/profile/ChatExtra.module.scss      | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/common/profile/ChatExtra.module.scss b/src/components/common/profile/ChatExtra.module.scss
index 38a3ce293..ba25ae906 100644
--- a/src/components/common/profile/ChatExtra.module.scss
+++ b/src/components/common/profile/ChatExtra.module.scss
@@ -86,15 +86,35 @@
 }
 
 .noteText {
+  position: relative;
+
   overflow: hidden;
   display: inline-block;
+
   width: 100%;
   /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
   transition: max-height 0.3s ease;
+
+  &::after {
+    pointer-events: none;
+    content: '';
+
+    position: absolute;
+    bottom: 0;
+    left: 0;
+
+    width: 100%;
+    height: 1.5rem;
+
+    opacity: 0;
+    background: linear-gradient(to top, var(--color-background) 0%, transparent 100%);
+
+    transition: opacity 0.3s ease;
+  }
 }
 
-.noteTextCollapsed {
-  @include mixins.gradient-border-bottom(1rem);
+.noteTextCollapsed::after {
+  opacity: 1;
 }
 
 .noteCollapseIcon {