taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed styles in add more comments in details. Related #812

stable
Xavier Julián 2014-09-05 13:46:54 +02:00
parent 600b2b4534
commit bcf87d7df1
3 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/coffee/modules/common.coffee
View File

@ -118,8 +118,8 @@ ChangesDirective = ->
containerTemplate = _.template(""" containerTemplate = _.template("""
<div> <div>
<% if (showMoreEnabled){ %> <% if (showMoreEnabled){ %>
<a href="" title="Show more" class="show-more"> <a href="" title="Show more" class="show-more show-more-comments">
Show <%- howManyMore %> more + Show previous comments (<%- howManyMore %> more)
</a> </a>
<% } %> <% } %>
</div> </div>

2
app/styles/layout/us-detail.scss
View File

@ -160,7 +160,7 @@
} }
.comment-list { .comment-list {
padding: 1rem 2rem; padding: 1rem;
} }
.us-detail-status { .us-detail-status {

39
app/styles/modules/common/comments.scss
View File

@ -24,6 +24,19 @@
} }
} }
a.show-more-comments {
@extend %small;
border-bottom: 1px solid $gray-light;
border-top: 1px solid $gray-light;
color: $gray-light;
display: block;
padding: 1rem 0 1rem 1rem;
&:hover {
@include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
}
}
.comment-single { .comment-single {
@include table-flex; @include table-flex;
border-bottom: 2px solid $gray-light; border-bottom: 2px solid $gray-light;
@ -95,17 +108,19 @@
margin-left: .5rem; margin-left: .5rem;
} }
} }
.comment-list.activeanimation { .comment-list {
.comment-single.ng-enter:last-child, &.activeanimation {
.comment-single.ng-leave:last-child { .comment-single.ng-enter:last-child,
@include transition(all .3s ease-in); .comment-single.ng-leave:last-child {
} @include transition(all .3s ease-in);
.comment-single.ng-enter:last-child, }
.comment-single.ng-leave.ng-leave-active:last-child { .comment-single.ng-enter:last-child,
opacity: 0; .comment-single.ng-leave.ng-leave-active:last-child {
} opacity: 0;
.comment-single.ng-leave:last-child, }
.comment-single.ng-enter.ng-enter-active:last-child { .comment-single.ng-leave:last-child,
opacity: 1; .comment-single.ng-enter.ng-enter-active:last-child {
opacity: 1;
}
} }
} }