ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

User Note: Add transition for gradient (#6446)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-11-06 11:36:54 +01:00
parent d2b8617133
commit 8bff844a5f
1 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/common/profile/ChatExtra.module.scss
View File

@ -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 {