From 1148b00c9a87544badcff2bd8e3cce6385359bbc Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Wed, 23 Nov 2016 16:53:13 +0000
Subject: [PATCH] Add review header item.

---
 .../web/app/views/project/editor/header.jade  |   5 ++---
 .../web/public/img/review-icon-sprite.png     | Bin 0 -> 1943 bytes
 .../stylesheets/app/editor/review-panel.less  |  21 ++++++++++++++++++
 3 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 services/web/public/img/review-icon-sprite.png

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 0000000000000000000000000000000000000000..aa1e3471526652399760206b77412b0b3db266da
GIT binary patch
literal 1943
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

literal 0
HcmV?d00001

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;
+	}
+
+}