From 2d4b518519ccc66dc4809bd190eb044e33de1a6d Mon Sep 17 00:00:00 2001
From: Mike <mike@beardfury.com>
Date: Tue, 2 Aug 2016 13:09:54 -0600
Subject: [PATCH] Prevent hovering on tabs from causing text flicker (#492)

* Prevent hovering on tabs from causing text flicker

For some reason, geometricPrecision was causing text to flicker on
non-retina screens when hovering over the tabs

* Use a pixel ratio media query for text-rendering on retina displays
---
 app/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/index.html b/app/index.html
index ec9246c6..44910dee 100644
--- a/app/index.html
+++ b/app/index.html
@@ -12,9 +12,15 @@
       * {
         margin: 0;
         padding: 0;
-        text-rendering: geometricPrecision;
+        text-rendering: optimizeLegibility;
         box-sizing: border-box;
       }
+
+      @media (min-resolution: 2dppx) {
+        * {
+          text-rendering: geometricPrecision;
+        }
+      }
     </style>
   </head>