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

Add a track-changes indicator in the editor, for when the review panel is closed.

Browse source
This commit is contained in:
Paulo Reis 2017-01-17 17:20:51 +00:00
parent f27118084c
commit 329c6af168
2 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -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

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

@ -827,4 +827,41 @@
color: darken(@rp-type-blue, 5%);
text-decoration: none;
}
}
}
.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;
}
}