diff --git a/services/web/app/views/project/editor/header.jade b/services/web/app/views/project/editor/header.jade index e4dc5788b3..d1305d28b9 100644 --- a/services/web/app/views/project/editor/header.jade +++ b/services/web/app/views/project/editor/header.jade @@ -89,11 +89,10 @@ header.toolbar.toolbar-header.toolbar-with-labels( href, ng-if="trackChangesFeatureFlag", ng-class="{ active: ui.reviewPanelOpen }" - tooltip="#{translate('review')}", - tooltip-placement="bottom", ng-click="toggleReviewPanel()" ) - | Review + i.review-icon + p.toolbar-label Review a.btn.btn-full-height( href, ng-if="permissions.admin", diff --git a/services/web/public/img/review-icon-sprite.png b/services/web/public/img/review-icon-sprite.png new file mode 100644 index 0000000000..aa1e347152 Binary files /dev/null and b/services/web/public/img/review-icon-sprite.png differ diff --git a/services/web/public/stylesheets/app/editor/review-panel.less b/services/web/public/stylesheets/app/editor/review-panel.less index d4ff6e19da..094c2de15c 100644 --- a/services/web/public/stylesheets/app/editor/review-panel.less +++ b/services/web/public/stylesheets/app/editor/review-panel.less @@ -697,3 +697,24 @@ margin-left: -1px; } } + +.review-icon { + position: absolute; + background: url('/img/review-icon-sprite.png') top/30px no-repeat; + width: 30px; + height: 30px; + + .toolbar .btn-full-height:hover & { + background-position-y: -30px; + } + + .toolbar .btn-full-height.active &, + .toolbar .btn-full-height:active & { + background-position-y: -60px; + } + + & + .toolbar-label { + margin-left: 34px; + } + +}