github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-09-16 02:52:31 -04:00
Code Issues Projects Releases Packages Wiki Activity

Styling.

Browse source
This commit is contained in:
Paulo Reis 2017-07-04 17:20:20 +01:00
parent e7dd4874ad
commit 7bf203c77f
2 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -47,6 +47,10 @@
permissions="permissions"
)
span.review-panel-toolbar-label(ng-if="permissions.write")
span.review-panel-toolbar-icon-on(
ng-if="editor.wantTrackChanges === true"
)
i.fa.fa-circle
span(ng-click="toggleFullTCStateCollapse();", ng-if="editor.wantTrackChanges === false") !{translate("track_changes_is_off")}
span(ng-click="toggleFullTCStateCollapse();", ng-if="editor.wantTrackChanges === true") !{translate("track_changes_is_on")}
span.rp-tc-state-collapse(
@ -56,8 +60,8 @@
ul.rp-tc-state(
review-panel-collapse-height="reviewPanel.fullTCStateCollapsed"
)
li.rp-tc-state-item
span.rp-tc-state-item-name.rp-tc-state-item-name-everyone Everyone
li.rp-tc-state-item.rp-tc-state-item-everyone
span.rp-tc-state-item-name Everyone
review-panel-toggle(
ng-model="reviewPanel.trackChangesOnForEveryone"
on-toggle="toggleTrackChangesForEveryone(isOn);"

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

@ -152,6 +152,10 @@
text-align: right;
flex-grow: 1;
}
.review-panel-toolbar-icon-on {
margin-right: 5px;
color: @red;
}
.review-panel-toolbar-label-disabled {
cursor: auto;
margin-right: 5px;
@ -179,11 +183,14 @@
.rp-tc-state-item {
display: flex;
align-items: center;
border-bottom: 1px solid @rp-border-grey;
padding: 3px 0;
&:last-of-type {
padding-bottom: 5px;
}
}
.rp-tc-state-item-everyone {
border-bottom: 1px solid @rp-border-grey;
color: @red;
}
.rp-tc-state-item-name {
flex-grow: 1;
@ -192,9 +199,6 @@
white-space: nowrap;
font-weight: @rp-semibold-weight;
}
.rp-tc-state-item-name-everyone {
color: @red;
}
.rp-tc-state-item-name-disabled {
opacity: .35;
}