github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-09 03:10:48 +00:00
Code Issues Projects Releases Packages Wiki Activity

Put review panel widgets container inside the review panel element; rearrange visibility logic.

Browse source
This commit is contained in:
Paulo Reis 2017-03-24 14:04:37 +00:00
parent c72ee95177
commit 78e8a8319d
2 changed files with 25 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,18 +1,18 @@
.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.newAddCommentUI && reviewPanel.entries[editor.open_doc_id]['add-comment'] != null"
ng-click="addNewComment();"
)
i.fa.fa-comment
|  #{translate("add_comment")}
#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.newAddCommentUI && reviewPanel.entries[editor.open_doc_id]['add-comment'] != null"
ng-click="addNewComment();"
)
i.fa.fa-comment
|  #{translate("add_comment")}
.review-panel-toolbar
resolved-comments-dropdown(
class="rp-flex-block"

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

@ -90,7 +90,7 @@
}
#review-panel {
display: none;
display: block;
.rp-size-expanded & {
display: flex;
flex-direction: column;
@ -98,7 +98,6 @@
overflow: visible;
}
.rp-size-mini & {
display: block;
width: @review-off-width;
z-index: 6;
}
@ -152,7 +151,13 @@
}
.rp-entry-list {
display: none;
width: 100%;
.rp-size-expanded &,
.rp-size-mini & {
display: block;
}
.rp-state-current-file & {
position: absolute;
@ -620,11 +625,12 @@
}
.rp-nav {
display: flex;
display: none;
flex-shrink: 0;
.rp-size-mini & {
display: none;
.rp-size-expanded & {
display: flex;
}
.rp-state-current-file & {
position: absolute;
bottom: 0;