From 244280ae057425b7a4db713c47fab4bdeb0001b7 Mon Sep 17 00:00:00 2001
From: Mark <markvapps@gmail.com>
Date: Mon, 30 Oct 2017 02:54:02 +1030
Subject: [PATCH] Fix blurry chrome image rendering for Avatar / Logo - closes
 #1259 (#1276)

* Fix blurry chrome image rendering for Avatar / Logo - closes #1259

* Add comments for Chrome css fix
---
 framework/core/less/lib/App.less    | 2 ++
 framework/core/less/lib/Avatar.less | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/framework/core/less/lib/App.less b/framework/core/less/lib/App.less
index c8af74833..0ee490ba5 100755
--- a/framework/core/less/lib/App.less
+++ b/framework/core/less/lib/App.less
@@ -171,6 +171,8 @@
 .Header-logo {
   max-height: 30px;
   vertical-align: middle;
+  // Prevent blurriness in Chrome
+  image-rendering: -webkit-optimize-contrast;
 }
 
 // On phones, the header is displayed inside of the drawer. We lay its
diff --git a/framework/core/less/lib/Avatar.less b/framework/core/less/lib/Avatar.less
index 5fe5054c8..b65e014c8 100755
--- a/framework/core/less/lib/Avatar.less
+++ b/framework/core/less/lib/Avatar.less
@@ -14,6 +14,8 @@
     height: 100%;
     border-radius: 100%;
     vertical-align: top;
+    // Prevent blurriness in Chrome
+    image-rendering: -webkit-optimize-contrast;
   }
 }