Add collapsing behaviour to resolved comments.

services/web/app/views/project/editor/review-panel.jade

@@ -206,7 +206,13 @@ script(type='text/ng-template', id='resolvedCommentEntryTemplate')
 			.rp-resolved-comment-context
 				| Quoted text on 
 				span.rp-resolved-comment-context-file {{ thread.docName }}
-				p.rp-resolved-comment-context-quote {{ thread.content }}
+				p.rp-resolved-comment-context-quote
+					span {{ thread.content | limitTo:(isCollapsed ? contentLimit : thread.content.length)}}
+					a.rp-collapse-toggle(
+						href
+						ng-if="needsCollapsing"
+						ng-click="toggleCollapse();"
+					)  {{ isCollapsed ? '(more)' : '(less)' }}
 			.rp-comment(
 				ng-repeat="comment in thread.messages track by comment.id"
 			)

services/web/public/coffee/ide/review-panel/directives/resolvedCommentEntry.coffee

@@ -8,4 +8,13 @@ define [
 			thread: "="
 			permissions: "="
 			onUnresolve: "&"
-			onDelete: "&"
+			onDelete: "&"
+		link: (scope, element, attrs) ->
+			scope.contentLimit = 40
+			scope.needsCollapsing = scope.thread.content.length > scope.contentLimit
+			scope.isCollapsed = true
+
+			scope.toggleCollapse = () ->
+				scope.isCollapsed = !scope.isCollapsed
+				$timeout () ->
+					scope.$emit "review-panel:layout"