Simplify deleted post toggle CSS

(The animation was buggy anyway)
This commit is contained in:
Toby Zerner 2016-05-27 13:56:56 +09:30
parent a9199ad9d9
commit be08c32c96

View File

@ -169,29 +169,19 @@
.Post-header, .Post-header a, .PostUser h3, .PostUser h3 a { .Post-header, .Post-header a, .PostUser h3, .PostUser h3 a {
color: @muted-more-color; color: @muted-more-color;
} }
&:not(.revealContent) .Post-header { &:not(.revealContent) {
.Post-header {
margin-bottom: 0; margin-bottom: 0;
} }
.Post-body, .Post-footer, h3 .Avatar, .PostUser-badges { .Post-body, .Post-footer, h3 .Avatar, .PostUser-badges {
position: absolute; display: none;
visibility: hidden; }
opacity: 0;
margin-top: -5px;
.transition(~"margin-top 0.2s, opacity 0.2s");
} }
&.revealContent {
.Post-body, .Post-footer, h3 .Avatar, .PostUser-badges { .Post-body, .Post-footer, h3 .Avatar, .PostUser-badges {
visibility: visible;
opacity: 0.5; opacity: 0.5;
margin-top: 0;
}
.Post-body, .Post-footer, .PostUser-badges {
position: static;
}
} }
.Post-header .Button--more { .Post-header .Button--more {
background: fade(@muted-more-color, 30%); .Button--color(@muted-more-color, fade(@muted-more-color, 30%));
color: @muted-more-color;
} }
} }
.Post--loading { .Post--loading {