mirror of
https://github.com/overleaf/overleaf.git
synced 2025-03-15 08:23:08 +00:00
Start adding callouts in review panel
This commit is contained in:
parent
184b421b1f
commit
2e719fc450
2 changed files with 44 additions and 1 deletions
|
@ -50,8 +50,14 @@ div.full-size(
|
||||||
input(type="checkbox", ng-model="reviewPanel.trackNewChanges")
|
input(type="checkbox", ng-model="reviewPanel.trackNewChanges")
|
||||||
.review-panel-scroller
|
.review-panel-scroller
|
||||||
.review-entry-list(review-panel-sorted)
|
.review-entry-list(review-panel-sorted)
|
||||||
.review-entry(
|
.review-entry-wrapper(
|
||||||
ng-repeat="(entry_id, entry) in reviewPanel.entries"
|
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-class="'review-entry-' + entry.type"
|
||||||
ng-style="{'top': top}"
|
ng-style="{'top': top}"
|
||||||
)
|
)
|
||||||
|
|
|
@ -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 {
|
.has-review-panel {
|
||||||
#editor {
|
#editor {
|
||||||
right: @review-panel-width;;
|
right: @review-panel-width;;
|
||||||
|
|
Loading…
Reference in a new issue