Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 22:26:57 +01:00
Code Issues Projects Releases Packages Wiki Activity

A little transition when expanding replies

Browse source
This commit is contained in:
Lim Chee Aun 2024-01-14 18:29:11 +08:00
parent 0ebc0fa64c
commit 79e87b7d89
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/app.css
View file

@ -645,6 +645,16 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
var(--bg-faded-color) 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 { .timeline.contextual > li .replies[open] > .replies-summary {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
@ -659,6 +669,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
.replies-summary-chevron { .replies-summary-chevron {
transform: rotate(180deg); transform: rotate(180deg);
} }
+ * {
animation: summary-fade 0.3s ease-out both;
}
} }
.timeline.contextual > li .replies .replies-summary[hidden] { .timeline.contextual > li .replies .replies-summary[hidden] {
display: none; display: none;