From 5ed9bf8be66b7592afdcd8ab68c6948ade7b3edd Mon Sep 17 00:00:00 2001
From: Volker E <volker.e@wikimedia.org>
Date: Mon, 30 Sep 2019 19:59:45 -0700
Subject: [PATCH] Replace portal break image by SVG gradient

Replace raster image gradients (before base64 embedded) for modern
browsers by CSS gradients. Only relying on conventional image URLs
in browsers that don't support linear-gradient.
Also updating color to Wikimedia Design Style Guide color and
removing obsolete *-ltr/*-rtl images that have been introduced in
MW core 1.16.0beta1 but have been replaced by unified 'portal-break'
image afterwards.

Bug: T63099
Bug: T121730
Change-Id: Id0ab5eb7d4a5751316ce750aff2dffbda62f6b09
---
 components/navigation.less  |   4 +++-
 images/portal-break-ltr.png | Bin 166 -> 0 bytes
 images/portal-break-rtl.png | Bin 159 -> 0 bytes
 images/portal-break.png     | Bin 96 -> 0 bytes
 images/portal-separator.png | Bin 0 -> 139 bytes
 5 files changed, 3 insertions(+), 1 deletion(-)
 delete mode 100644 images/portal-break-ltr.png
 delete mode 100644 images/portal-break-rtl.png
 delete mode 100644 images/portal-break.png
 create mode 100644 images/portal-separator.png

diff --git a/components/navigation.less b/components/navigation.less
index 988b379..4a852bc 100644
--- a/components/navigation.less
+++ b/components/navigation.less
@@ -92,8 +92,10 @@
 		.body {
 			margin-left: @margin-left-nav-main-body;
 			padding-top: 0;
-			background-image: url( images/portal-break.png );
+			background-image: url( images/portal-separator.png ); // Support: IE 8 & 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
+			background-image: linear-gradient( to right, transparent 0, #c8ccd1 35%, #c8ccd1 70%, transparent 100% ); // Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+)
 			background-repeat: no-repeat;
+			background-size: 100% @border-width-base;
 
 			ul {
 				list-style: none none;
diff --git a/images/portal-break-ltr.png b/images/portal-break-ltr.png
deleted file mode 100644
index 7122a0750af06a049c10aa128fdd2e96e1226da8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 166
zcmeAS@N?(olHy`uVBq!ia0vp^vw@hAg9%8w{qz0@q;fr7978G?lVa-rsxJ^<WyT=E
z;q+nC|9yt{_VORy=@cUID0mX<w5p>?Q#iVxY$z66zeq=zWzI*P<6?7J=k0QxAAGlf
z?fmp7Jmz6vPP~$u`e5<IsC)~5*~9XNyIQQ&pTB4OvB<`~_r#X#5|e&#GhUvcay#o?
RSufCH22WQ%mvv4FO#o^zKyCm4

diff --git a/images/portal-break-rtl.png b/images/portal-break-rtl.png
deleted file mode 100644
index fca648915e5e6653f50b69b8cd0e558f66f9637b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 159
zcmeAS@N?(olHy`uVBq!ia0vp^vw@hAg9%8w{qz0@q|!WH978G?lm7hqY0SKrVZpmh
z2L=TWr_vw)>%~itW#!yBcgbF9G1JU;mSxUyvCDO$Cs_*b%vc{gGgnKJdtzL;`&lE)
z&isS&lRDWZ*;&uhmc1Q&pVxiKo^P8?GfIB{4iDRMrsYp*?#yJbO4Dq~KR_E9JYD@<
J);T3K0RTk+I{E+r

diff --git a/images/portal-break.png b/images/portal-break.png
deleted file mode 100644
index 90c391828207fd60391cd24f84e52b77e5d9337c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 96
zcmeAS@N?(olHy`uVBq!ia0vp^JwVLJ0VEhSTP2?WDRoa5#}JO_tw%R9GAQsg7<~Aj
tzq>oy-oSg#iXEX_0|n(fy4<hwPGz^dFY#q-$-{Xdt)8xaF6*2UngC`09IOBU

diff --git a/images/portal-separator.png b/images/portal-separator.png
new file mode 100644
index 0000000000000000000000000000000000000000..942674b3a2c00ad38b5015dba51ea0d20237a3fe
GIT binary patch
literal 139
zcmeAS@N?(olHy`uVBq!ia0vp^JwVLJ!2~3mdoJb!sUS}m$B+ufvptM#2LgDUw{QEt
z|1Epn=1em|>w{fYCzZEev#PjTksy(9d7a4i1bz?GXEltx8$}8<|NT*F`u}CdAK~DS
n*~Y=jq59(9kxmtlv-9$KPZ~WrWp=g?XgY(ZtDnm{r-UW|+*UEM

literal 0
HcmV?d00001