mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-01-23 17:16:26 +01:00
A little transition when expanding replies
This commit is contained in:
parent
0ebc0fa64c
commit
79e87b7d89
1 changed files with 14 additions and 0 deletions
14
src/app.css
14
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;
|
||||
|
|
Loading…
Reference in a new issue