github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-03-15 03:55:53 +00:00
Code Issues Projects Releases Packages Wiki Activity

Start adding callouts in review panel

Browse source
This commit is contained in:
James Allen 2016-11-09 17:10:58 +00:00
parent 184b421b1f
commit 2e719fc450
2 changed files with 44 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
services/web/app/views/project/editor/editor.jade
View file

@ -50,8 +50,14 @@ div.full-size(
input(type="checkbox", ng-model="reviewPanel.trackNewChanges")
.review-panel-scroller
.review-entry-list(review-panel-sorted)
.review-entry(
.review-entry-wrapper(
ng-repeat="(entry_id, entry) in reviewPanel.entries"
)
.review-entry-callout(
ng-class="'review-entry-callout-' + entry.type"
style="top: {{ entry.screenPos.y + 15 }}px; height: {{ top - entry.screenPos.y }}px"
)
.review-entry(
ng-class="'review-entry-' + entry.type"
ng-style="{'top': top}"
)

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

@ -76,6 +76,43 @@
}
}
.review-entry-callout {
position: absolute;
width: 3px;
border-top: 1px solid grey;
border-right: 1px dashed grey;
&:after {
content: "";
position: absolute;
width: 3px;
top: -1px;
left: 3px;
bottom: 0;
border-bottom: 1px solid grey;
}
&-insert {
border-color: green;
&:after {
border-color: green;
}
}
&-delete {
border-color: red;
&:after {
border-color: red;
}
}
&-comment {
border-color: orange;
&:after {
border-color: orange;
}
}
}
.has-review-panel {
#editor {
right: @review-panel-width;;