diff --git a/services/web/app/views/project/editor/review-panel.pug b/services/web/app/views/project/editor/review-panel.pug index f5d2173aaa..d32db57ec3 100644 --- a/services/web/app/views/project/editor/review-panel.pug +++ b/services/web/app/views/project/editor/review-panel.pug @@ -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);" diff --git a/services/web/public/stylesheets/app/editor/review-panel.less b/services/web/public/stylesheets/app/editor/review-panel.less index bb90b743e3..13b8b7e03f 100644 --- a/services/web/public/stylesheets/app/editor/review-panel.less +++ b/services/web/public/stylesheets/app/editor/review-panel.less @@ -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; }