github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-12-04 14:38:00 -05:00
Code Issues Projects Releases Packages Wiki Activity

Entry header layout.

Browse source
This commit is contained in:
Paulo Reis 2016-11-09 17:09:57 +00:00
parent f28119aacb
commit 013df17192
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -56,13 +56,16 @@ div.full-size(
ng-style="{'top': top}" ng-style="{'top': top}"
) )
div(ng-if="entry.type == 'insert' || entry.type == 'delete'") div(ng-if="entry.type == 'insert' || entry.type == 'delete'")
div(style="float: right; background-color: hsl({{ users[entry.metadata.user_id].hue }}, 70%, 50%); width: 40px; height: 40px;") {{ users[entry.metadata.user_id].avatar_text }} .review-entry-header
div.small(style="color: hsl({{ users[entry.metadata.user_id].hue }}, 70%, 50%)") {{ users[entry.metadata.user_id].name }} .review-entry-header-action-icon
div.small {{ entry.metadata.ts }}
| {{ entry.content }} .review-entry-header-metadata
{{ users[entry.metadata.user_id].name }} {{ entry.metadata.ts }}
.review-entry-header-avatar(style="background-color: hsl({{ users[entry.metadata.user_id].hue }}, 70%, 50%);") {{ users[entry.metadata.user_id].avatar_text }}
.review-entry-body .review-entry-body
{{ entry.content }} {{ entry.content }}
.review-entry-actions .review-entry-actions
div(ng-if="entry.type == 'comment'") div(ng-if="entry.type == 'comment'")
div(ng-repeat="comment in entry.thread", class="comment-thread__comment") div(ng-repeat="comment in entry.thread", class="comment-thread__comment")
div.small(style="color: hsl({{ users[comment.user_id].hue }}, 70%, 50%)") {{ users[comment.user_id].name }} div.small(style="color: hsl({{ users[comment.user_id].hue }}, 70%, 50%)") {{ users[comment.user_id].name }}

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

@ -68,7 +68,7 @@
border-radius: 3px; border-radius: 3px;
margin: 0 6px; margin: 0 6px;
background-color: #FFF; background-color: #FFF;
max-width: 148px; max-width: 248px;
word-wrap: break-word; word-wrap: break-word;
&-insert { &-insert {