diff --git a/services/web/app/views/project/editor/editor.jade b/services/web/app/views/project/editor/editor.jade index 935ce8bb28..e02b9ec3d0 100644 --- a/services/web/app/views/project/editor/editor.jade +++ b/services/web/app/views/project/editor/editor.jade @@ -58,6 +58,15 @@ div.full-size( doc-id="editor.open_doc_id" renderer-data="reviewPanel.rendererData" ) + + a.rp-track-changes-indicator( + href + ng-if="editor.wantTrackChanges" + ng-click="toggleReviewPanel();" + ng-class="{ 'rp-track-changes-indicator-on-dark' : darkTheme }" + ) Track changes is + strong on + include ./review-panel diff --git a/services/web/public/coffee/ide/review-panel/directives/changeEntry.coffee b/services/web/public/coffee/ide/review-panel/directives/changeEntry.coffee index d21cdc10b2..96f5e50016 100644 --- a/services/web/public/coffee/ide/review-panel/directives/changeEntry.coffee +++ b/services/web/public/coffee/ide/review-panel/directives/changeEntry.coffee @@ -13,10 +13,13 @@ define [ onIndicatorClick: "&" link: (scope, element, attrs) -> scope.contentLimit = 40 - scope.needsCollapsing = scope.entry.content.length > scope.contentLimit scope.isCollapsed = true + scope.needsCollapsing = false scope.toggleCollapse = () -> scope.isCollapsed = !scope.isCollapsed $timeout () -> - scope.$emit "review-panel:layout" \ No newline at end of file + scope.$emit "review-panel:layout" + + scope.$watch "entry.content.length", (contentLength) -> + scope.needsCollapsing = contentLength > scope.contentLimit \ No newline at end of file diff --git a/services/web/public/coffee/ide/review-panel/directives/resolvedCommentEntry.coffee b/services/web/public/coffee/ide/review-panel/directives/resolvedCommentEntry.coffee index 8b933e05f2..8a1d42990b 100644 --- a/services/web/public/coffee/ide/review-panel/directives/resolvedCommentEntry.coffee +++ b/services/web/public/coffee/ide/review-panel/directives/resolvedCommentEntry.coffee @@ -11,10 +11,11 @@ define [ onDelete: "&" link: (scope, element, attrs) -> scope.contentLimit = 40 - scope.needsCollapsing = scope.thread.content.length > scope.contentLimit + scope.needsCollapsing = false scope.isCollapsed = true scope.toggleCollapse = () -> scope.isCollapsed = !scope.isCollapsed - $timeout () -> - scope.$emit "review-panel:layout" \ No newline at end of file + + scope.$watch "thread.content.length", (contentLength) -> + scope.needsCollapsing = contentLength > scope.contentLimit \ No newline at end of file diff --git a/services/web/public/stylesheets/app/editor/review-panel.less b/services/web/public/stylesheets/app/editor/review-panel.less index 759c7705a6..54142f2dcc 100644 --- a/services/web/public/stylesheets/app/editor/review-panel.less +++ b/services/web/public/stylesheets/app/editor/review-panel.less @@ -827,4 +827,41 @@ color: darken(@rp-type-blue, 5%); text-decoration: none; } -} \ No newline at end of file +} + +.rp-track-changes-indicator { + display: none; + position: absolute; + top: 0; + right: @review-off-width; + padding: 5px 10px; + background-color: rgba(240, 240, 240, 0.9); + color: @rp-type-blue; + text-align: center; + border-bottom-left-radius: 3px; + font-size: 10px; + z-index: 2; + + &.rp-track-changes-indicator-on-dark { + background-color: rgba(88, 88, 88, .8); + color: #FFF; + + &:hover, + &:focus { + background-color: rgba(88, 88, 88, 1); + color: #FFF; + } + } + + &:hover, + &:focus { + outline: 0; + text-decoration: none; + background-color: rgba(240, 240, 240, 1); + color: @rp-type-blue; + } + + .rp-size-mini & { + display: block; + } +}