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 { .noteText {
position: relative;
overflow: hidden; overflow: hidden;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
/* stylelint-disable-next-line plugin/no-low-performance-animation-properties */ /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
transition: max-height 0.3s ease; 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 { .noteTextCollapsed::after {
@include mixins.gradient-border-bottom(1rem); opacity: 1;
} }
.noteCollapseIcon { .noteCollapseIcon {