From dfc25a093b3959e3494908b49675b3bce6aeccfc Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Thu, 16 Aug 2018 16:28:02 +0100
Subject: [PATCH] Fix review icon for Overleaf.

---
 .../web/public/img/review-icon-sprite-ol.png   | Bin 0 -> 765 bytes
 .../public/img/review-icon-sprite-ol@2x.png    | Bin 0 -> 1082 bytes
 .../stylesheets/app/editor/review-panel.less   |  17 ++++++++++++-----
 3 files changed, 12 insertions(+), 5 deletions(-)
 create mode 100644 services/web/public/img/review-icon-sprite-ol.png
 create mode 100644 services/web/public/img/review-icon-sprite-ol@2x.png

diff --git a/services/web/public/img/review-icon-sprite-ol.png b/services/web/public/img/review-icon-sprite-ol.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e5c7192e4d649f6e1cff67cbc31dfffaca2c6ea
GIT binary patch
literal 765
zcmV<Z0s{SsP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!pGibPRCwC#)?a8&aU93-XDn-b#+WB*
zZE0gz+Hmp2#aPXsqO{~<lr@qm+%U?W6y?ShjgneRid~Rw!fIU1h0$`cF`Jc=KhFiq
z#_W&d{pIuII6Z&PWOnoX>eV^tcYf!5pY!|oebOAq2~0(q7MP-v3jE(nx{o%~QG!Lt
zLkPooi&yBy`+pg@5IeCA%M-M-pdGl3n;7>KI4#C<%EDpPW47wL@mybMfijVgVw56R
z?H=GLI+I4Wz%Dts<NPY$aS`R1;c4fVkA3KIewVrg?SFD#WZ<42w3n<&_OQoHoIooY
zQRX*ry@Gb5*k>>sstRmEw(6E(Jqi=`l>67d#3(8!@Re1r?yXQ=qps~eYvVl|oz)9b
zgf6uEToKtg?Yf??<2Q`q6Fw)~Kyq~aVDrsqV4L|%ab4FdJogJwgR9t&V60hPf^qa}
zk|pcn#TY>w!s^;q-D}XhtPCQebDOxC-Z4%`r<TxeAAzr745i4$FuHW_tODKEQk$#x
zR`$l4)z!Kg(O1L^x=!t`Ac#B+=sCN8M)!+c&lIVy$ve3M8jErqL>rFbyzYgu1B2ME
zy3Od<ULI22C9K2<j$lajK~1=@&WF5vwQZB5ID`hh^qdmHUDRotyn(0MI&Cs;RKORQ
zqw^=O<dLVmFc96#y=ieovvrTIYjk|AM6gOPxB5Q4xCIx~&U&Cn=a#{4Npz*Os6K9X
z%FwY-UHlLy^~<+lE1I-cPwDHeY`|BYTehmi7Y(1K&*ntg$;Rt37T}$}s!HQ$U%m@v
z`q6LHW|@ZMzOF4`1l7uRk8l9b;$^2SG&_Hm4umF{FrsWJ6(ma%=D31=L_2CR>o0>Q
v<n8L!n5PNSKbilz(o%ouQ-LR|{19LORZi1{@~nP@00000NkvXXu0mjf%Rqgw

literal 0
HcmV?d00001

diff --git a/services/web/public/img/review-icon-sprite-ol@2x.png b/services/web/public/img/review-icon-sprite-ol@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..87aec7c1631c1f7f5a7210d1b7bc1169fca34c78
GIT binary patch
literal 1082
zcmV-A1jYM_P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#+(|@1RCwC#T0Mx=Kori&Vs$6ZRhGJn
zcvlIz#zM{_7J_KC3xc54S_p#Go@XOgcL?@b5&K;W1-oovB?!Bg3d(LJC>FWH%0}WF
zc!BXTe@Q0s)|&?(o1e)f-+XUo-n`kREX#t!WJiKSW}dJo><N3qp0FqE3I985)lg>}
z!7U{BruaKYEF@u0DnjsMX8GJ6HozD$ZG!Mp$yk~z*a7qeHLDs|d;}QOsy-)N0Bt~=
z)o(GrD{ze>3ikm!7UezyKH>2@?nT1A3;4SRShuKa3$WX?!XaRyQDY8x2-pN1E7002
z_{=t7rm25|-{3@H8?ve5LtX){1C||q46p08;$5jL(q+hg#*YhX!ZmzHEu@Q*ec(`0
z9hUK3DY|=(4}kM^5S}Q=1`T6PaxHRAxYsaQMj*T2M&$R;xg?x6NOnikPidK<aDONa
zaHZZ!7Y`j08twz0*A(+GoZHLTQT*1*tEGsXKL-4$iSSU-2)40!<bp6=-Mp!ZY^3>M
z+t|F6=d}!kzci?>NZ7P;8ZA-+pikWPatT-E!o+|CF|_W}h7o$DhAAkMjJl#Fno&AI
zWSS7PU1VCKmAMWfY5h#n(5Z&7t+j2Zr7=0b=+Koz;;vhm^$19xwH>MXvT*~@73#??
zv32RTq_s93sXHs6BGcSU6%iR-Vn#L!&m}4k3e1fvqp6^-!LxJ&*M>yV{5pN7)hNA1
z&d&m#RwNt~a$`wD(*Q(fV@<wm&n6Kl%UVv6w3yDh4Oj)-1$?bQHm|>D2sR@0EEy?N
zA~4i>i7uxlo7;FGvJH4CDSr|hhAMThghzbC_wVC3tP7Ff)G#n!#p7RqD}cAQIW4Bi
zWj&FUzmy$3dsH-Q$<VcXih<~v=GhJjA@gKAQ@Cn}xb`Yu7d>qx8SqqIIhI6m)_Li^
zBnq1wo-wU+DPl$NFeDjFT^*?;iu((;TP?fTx{08|DZmN9cS(7gzwQbiBa3+ls7R0W
z$GN1BhKhb15$_qf*m<BT=XvPUfHR7Cd7=p|MI|C~eWyU+!6fwtRTR$qtk{C@0Y3q^
z05^sHk|@*-6;lP1gqON?F)yE@f>TB2<c^EIB^tWj2fV=JP@z&xo}Z!0LmU@)`Qr+e
z(vpjZxXR9hDwDZK&O=3dmsN<jXOh7zGBiNn#bz3Jt%)I?-e_unmu%NEvejye#H{Aw
zM3VZErCe?RelPNWJZ#A3lY4g&$eRB0(ASV1psM3w!K`KICv=@Wwe2eh)pUKB2~o|$
z5-d7s{dea7iRTG>!k(}v><N3qp0Foem;Di704Qe#>wrg*!~g&Q07*qoM6N<$g7n$+
A0ssI2

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 800a25618f..a7e7d3fdbd 100644
--- a/services/web/public/stylesheets/app/editor/review-panel.less
+++ b/services/web/public/stylesheets/app/editor/review-panel.less
@@ -922,7 +922,7 @@
 	}
 }
 
-.review-icon {
+.review-icon when (@is-overleaf = false) {
 	display: inline-block;
 	background: url('/img/review-icon-sprite.png') top/30px no-repeat;
 	width: 30px;
@@ -945,10 +945,17 @@
 	}
 }
 
-.review-icon when (@is-overleaf) {
-	background-position-y: -60px;
-	.toolbar .btn-full-height:hover & {
-		background-position-y: -60px;
+.review-icon when (@is-overleaf = true) {
+	display: inline-block;
+	background: url('/img/review-icon-sprite-ol.png') top/30px no-repeat;
+	width: 30px;
+
+	&::before {
+		content: '\00a0'; // Non-breakable space. A non-breakable character here makes this icon work like font-awesome.
+	}
+	
+	@media (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
+		background-image: url('/img/review-icon-sprite-ol@2x.png');
 	}
 }