From 611acf8cead89a40821c7aea47b0282f095082cc Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 9 Aug 2016 10:34:27 +0200
Subject: [PATCH 1/3] Show SVG preview in picked media

---
 .../propertyeditors/mediapicker/mediapicker.html     | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
index 096685f1a9..3cb01386ba 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
@@ -3,10 +3,16 @@
 	<ul ui-sortable="sortableOptions" ng-model="images" class="umb-sortable-thumbnails">
 		<li style="width: 120px; height: 100px; overflow: hidden;" ng-repeat="image in images">
 
-			<img ng-src="{{image.thumbnail}}" alt="" ng-show="image.thumbnail">
+			<!-- IMAGE -->
+			<img ng-src="{{image.thumbnail}}" alt="" ng-show="image.thumbnail" />
 
-			<span class="icon-holder" ng-hide="image.thumbnail">
-				<i class="icon {{image.icon}} large" ></i>
+			<!-- SVG -->
+			<img ng-if="image.metaData.umbracoExtension.Value === 'svg'" ng-src="{{image.metaData.umbracoFile.Value}}" alt="" />
+			<img ng-if="image.extension === 'svg'" ng-src="{{image.file}}" alt="" />
+
+			<!-- FILE -->
+			<span class="icon-holder" ng-hide="image.thumbnail || image.metaData.umbracoExtension.Value === 'svg' || image.extension === 'svg'">
+				<i class="icon {{image.icon}} large"></i>
 				<small>{{image.name}}</small>
 			</span>
 

From ef64098f4e588632e631cbd4038a31b5c84f0795 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 9 Aug 2016 10:34:47 +0200
Subject: [PATCH 2/3] remove checkered background from picked media

---
 src/Umbraco.Web.UI.Client/src/less/property-editors.less | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/property-editors.less b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
index 16d48807eb..3fd63c683c 100644
--- a/src/Umbraco.Web.UI.Client/src/less/property-editors.less
+++ b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
@@ -224,7 +224,6 @@ ul.color-picker li a  {
   max-height:100%;
   margin:auto;
   display:block;
-  background-image: url(../img/checkered-background.png);
 }
 
 .umb-sortable-thumbnails li img.noScale{

From ff2311d19c79e15bbad121a129ef109cd08d2887 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 9 Aug 2016 12:02:30 +0200
Subject: [PATCH 3/3] bring back the checkered background for white images

---
 src/Umbraco.Web.UI.Client/src/less/property-editors.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Umbraco.Web.UI.Client/src/less/property-editors.less b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
index 3fd63c683c..16d48807eb 100644
--- a/src/Umbraco.Web.UI.Client/src/less/property-editors.less
+++ b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
@@ -224,6 +224,7 @@ ul.color-picker li a  {
   max-height:100%;
   margin:auto;
   display:block;
+  background-image: url(../img/checkered-background.png);
 }
 
 .umb-sortable-thumbnails li img.noScale{