github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

New add comment button.

Browse source
This commit is contained in:
Paulo Reis 2017-03-17 17:05:38 +00:00
parent c74449b2e3
commit beac43741c
3 changed files with 52 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
services/web/app/views/project/editor/review-panel.pug
View file

@ -1,10 +1,18 @@
#review-panel
.rp-in-editor-widgets
a.rp-track-changes-indicator(
href
ng-if="editor.wantTrackChanges"
ng-click="toggleReviewPanel();"
ng-class="{ 'rp-track-changes-indicator-on-dark' : darkTheme }"
) !{translate("track_changes_is_on")}
a.rp-add-comment-btn(
href
ng-if="reviewPanel.entries[editor.open_doc_id]['add-comment'] != null"
ng-click="startNewComment();"
)
i.fa.fa-comment
|  #{translate("add_comment")}
#review-panel
.review-panel-toolbar
resolved-comments-dropdown(
class="rp-flex-block"

1
services/web/public/coffee/ide/review-panel/controllers/ReviewPanelController.coffee
View file

@ -15,6 +15,7 @@ define [
entries: {}
resolvedComments: {}
hasEntries: false
showAddComment: false
subView: $scope.SubViews.CUR_FILE
openSubView: $scope.SubViews.CUR_FILE
overview:

73
services/web/public/stylesheets/app/editor/review-panel.less
View file

@ -448,6 +448,11 @@
display: block;
padding: 5px 10px;
border-radius: 3px;
.rp-in-editor-widgets & {
border-radius: 0;
border-bottom-left-radius: 3px;
}
}
.rp-new-comment {
@ -871,43 +876,49 @@
}
}
.rp-track-changes-indicator {
display: none;
.rp-in-editor-widgets {
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;
right: 0;
font-size: 10px;
z-index: 2;
white-space: nowrap;
&.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;
right: @review-off-width;
}
}
.rp-track-changes-indicator {
display: block;
padding: 5px 10px;
background-color: rgba(240, 240, 240, 0.9);
color: @rp-type-blue;
text-align: center;
border-bottom-left-radius: 3px;
z-index: 2;
white-space: nowrap;
&.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-expanded & {
display: none;
}
}
// Helper class for elements which aren't treated as flex-items by IE10, e.g:
// * inline items;