Clean up Post CSS

This commit is contained in:
Toby Zerner 2015-09-04 12:17:30 +09:30
parent 39c3b468dc
commit 738e272675
3 changed files with 12 additions and 6 deletions

View File

@ -109,8 +109,8 @@ export default class CommentPost extends Post {
return { return {
className: classList({ className: classList({
'CommentPost': true, 'CommentPost': true,
'hidden': post.isHidden(), 'Post--hidden': post.isHidden(),
'edited': post.isEdited(), 'Post--edited': post.isEdited(),
'revealContent': this.revealContent, 'revealContent': this.revealContent,
'editing': this.isEditing() 'editing': this.isEditing()
}) })

View File

@ -13,11 +13,15 @@
> li { > li {
border-bottom: 1px solid @control-bg; border-bottom: 1px solid @control-bg;
} }
.Post {
padding-top: 10px;
}
} }
.PostsUserPage-discussion { .PostsUserPage-discussion {
font-weight: bold; font-weight: bold;
margin-top: 15px; margin-top: 15px;
margin-bottom: -15px; margin-bottom: 10px;
position: relative; position: relative;
z-index: 1; z-index: 1;

View File

@ -2,10 +2,12 @@
// Posts // Posts
.Post { .Post {
padding: 30px 0; padding: 30px 20px;
margin: -1px -20px;
transition: 0.2s box-shadow, top 0.2s, opacity 0.2s; transition: 0.2s box-shadow, top 0.2s, opacity 0.2s;
position: relative; position: relative;
top: 0; top: 0;
border-radius: @border-radius;
&.editing { &.editing {
top: 5px; top: 5px;
@ -141,7 +143,7 @@
} }
} }
.Post.hidden { .Post--hidden {
.Post-header, .Post-header a, .Post-user h3, .Post-user h3 a { .Post-header, .Post-header a, .Post-user h3, .Post-user h3 a {
color: @muted-more-color; color: @muted-more-color;
} }
@ -328,7 +330,7 @@
@media @tablet-up { @media @tablet-up {
.Post { .Post {
padding-left: 90px; padding-left: 20px + 90px;
.Post-controls { .Post-controls {
opacity: 0; opacity: 0;